カラーノイズ| psgips

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

Photoshop などと同じように、Dimension も、新しいドキュメントから始めます。ただし、これは平面ではなく、3D 空間を見ている、カメラのファインダーからの視点です。

【操作方法】

起動画面で [ 新規作成 ] をクリックします。

Dimension を起動

[ 新規作成 ] をクリック

すると、接地面にグリッドが引かれた、新しいドキュメントが表示されます。接地面 : 3D 空間の底にあたる部分で、座標値が [ Y : 0 ] の平面

新しいドキュメントが表示される

基本学習ツアーに参加

Dimension を起動すると、起動画面が表示されます。[ ラーニング ] をクリックすると、Dimension を使った 3D 空間での作業の基本が学習できます。これにざっと目を通しておくと、より理解が深められるでしょう。

[ ツアーを開始 ] をクリック

カンバスサイズを設定

Dimension の [ 新規作成 ] をクリックすると、カンバスサイズが初期設定された新しいドキュメント ( 1,024 x 768 px ) が作成されます。自由なカンバスサイズを設定するには、[ 新規作成 ] の右側にある [ … ] をクリックします。カンバスサイズ : Dimension では、カメラのファインダーから見た画角サイズ

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

[ 初期設定にする ] を有効にすると、新しいカンバスサイズが初期設定されます。使用する背景画像のピクセルサイズや縦横比に適した設定を行いましょう。

Adobe Stock – 3D モデル – Coffee With Holder

レッスン動画を配信中！

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

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

3Dモデルを読み込む

ここでは、Adobe Stock で取得した、3D モデルを読み込みましょう。その他の 3D モデルを、外部から読み込む場合も同じ操作です。Dimension で読み込めるファイル形式に注意してください。

【操作方法】

[ ファイル ] メニューから、[ 読み込み ] – [ 3D モデル ] を選択します。読み込み : [ command ( Ctrl ) ] + [ I ]

[ 3D モデル ] を選択

3D モデルを読み込むダイアログで、Adobe Stock で取得した 3D モデルのファイル「 coffee_withHolder.obj 」を選択します。

[ 開く ] をクリックします。

OBJ 形式のファイルを選択

対応するファイル形式は？

Dimension が読み込める 3D モデルのファイル形式は、「Wavefront OBJ ( .obj )」です。その他の対応ファイル形式は、グラフィックが「 .jpg 」、「 .png 」、「 .psd 」。マテリアルが「 .mdl 」。ライトが「 .hdri 」、「 .exr 」、「 .ibl 」です。

読み込んだ 3D モデルが、カンバスの中央に配置されます。

読み込んだ 3D モデルが配置される

アセットから配置するには？

[ アセット ] パネルで、3D モデルをクリック、または、カンバスにドラッグして、好きな場所に配置することができます。

3D モデルをカンバスにドラッグ

接地面の座標を読む

[ プロパティ ] パネルの [ 位置 ] では、3D モデルの回転軸を起点とした座標が表示されます。[ 回転軸 ] に [ 下 ] を選択すると、3D モデルの底部が起点になります。たとえば、[ Y ] に [ 0 cm ] を設定すると、接地面のグリッドにぴったり合うので、オブジェクトが宙に浮いてしまう失敗を防げます。

[ プロパティ ] パネルで [ 位置 ] を確認

[ プロパティ ] パネルは、現在、選択されているシーンによって、表示される内容が異なります。[ シーン ] パネルの選択項目を確認してください。ひとつのオブジェクト全体の座標値を確認したい場合は、3D モデルのフォルダ [ coffee_withHolder ] を選択します。

続きは［＞］をクリック！

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

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

The post 【Dimension】最初に覚えたい！基本操作10選「3DCGでモックアップをつくる」 first appeared on psgips.

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

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

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

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

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

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

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

レッスン動画を配信中！

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

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

補正作業の準備をする

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

素材画像を開く

photo by Engin Akyurt

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

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

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

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

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

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

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

Camera Rawを起動

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

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

Camera Raw を起動

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

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

[ Camera Raw ] 操作パネル

補正作業を快適に！

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

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

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

ズームレベルの選択

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

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

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

【レタッチ】ザラザラをツルツルに！ノイズを軽減する方法「Camera Raw と Lightroom」【2022】

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

【Photoshop講座】ノイズを軽減するしくみは、いたってシンプルです。ピクセルをブレンドして、目立たなくするものです。しかし、やりすぎると画像がぼやけます。そのため、適度で控えめな、設定値を探ることが重要です。Camera Raw を使用して、画像に発生した高感度ノイズを軽減しましょう。

シャープに暫定値を！

設定項目の中にある「シャープ」は、ノイズを軽減して、ぼやけたディテールを引き締める役割です。でも、シャープをかけると、ザラザラが浮き出てきます。相反する両者のバランスを取るのは、なかなか難しくて面倒です。そこで、これ以上、シャープを強くしない状態を、先につくっておくワケです。これでバッチリ！

ザラザラをツルツルに！

ノイズを軽減する方法

− Camera Raw −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

Camera Raw でノイズを軽減

これから行う操作は、画像に発生したノイズを軽減する方法です。Camera Raw フィルターを使用して、ノイズを軽減する簡単な操作と応用、部分的に適用度を変える方法をご紹介します。

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

レッスン動画を配信中！

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

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

補正作業の準備をする

ノイズを軽減する方法は、ピクセルのブレンドです。元画像を保持したい場合は、スマートオブジェクトに変換します。Camera Raw を起動して、補正前と補正後が表示できるウィンドウにアレンジしておきましょう。

【操作方法】

素材画像をダウンロードして開きましょう。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。オリジナルサイズから小さくしているため、解説の便宜上、擬似的なノイズを加えています。

素材画像を開く

RAW データで応用する場合は、任意のファイルを [ Camera Raw ] で開いてください。

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

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

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

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

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

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

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

Camera Raw を起動

【操作方法】

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

Camera Raw を起動

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

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

[ Camera Raw ] 操作パネル

補正作業を快適に

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ノイズを軽減する調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

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

ズームレベルの選択

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

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

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

The post 【レタッチ】ザラザラをツルツルに！ノイズを軽減する方法「Camera Raw と Lightroom」【2022】 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 ]

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

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

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

レッスン動画を配信中！

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

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

フォントを入力する

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

【操作方法】

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

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

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

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

新規ドキュメントを作成

ガイドを引こう！

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

フォントの設定

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

【操作方法】

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

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

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

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

任意のフォントを選択

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

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

[ 滑らかに ] を選択

任意のフォントを設定

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

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

文字を入力

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

文字を中央に揃える

文字間を調整

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

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

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

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

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

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

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

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

固まりと溝を表現する！

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

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

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

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

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

ベースを作成する

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

【操作方法】

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

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

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

新規ドキュメントを作成

どんなサイズにも対応！

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

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

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

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

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

[ 塗りつぶし ] を設定

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

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

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

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

レッスン動画を配信中！

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

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

カラーノイズの設定

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

【操作方法】

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

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

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

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

分布方法とは？

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

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

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

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

プリセット「 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 で求めることができます。

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

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

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

【画像合成】切り抜きの境界線をなじませる【フリンジ削除】

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

【Photoshop基本操作】画像を形に切り抜いて合成する場合、直面する問題があります。それは、境界線に不自然な「白フチ」や「黒フチ」が残ることです。このような現象が起こる原因は、形に切り抜きする前の周辺画像が影響しています。そして、合成テクニックのひとつである境界線の「ぼかし」が深く関係しています。それらを自然になじませる方法を学びましょう。

周縁のピクセルを取り除く技！

切り抜き合成にとって、境界線の処理は大変重要です。それはわずか 0.5 ピクセルという詳細な範囲です。境界線を自然になじませるためには、[ フリンジ削除 ] という機能を使用することが効果的です。

そのためには、切り抜きレイヤーを作成する必要があり、正確なオブジェクトの選択範囲を作成するテクニックが必要です。周縁のピクセルを取り除く技を身につけましょう。

切り抜きの境界線をなじませる

− フリンジ削除 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

切り抜きレイヤーのマッティング

これから行う操作は、レイヤー上でオブジェクトを切り抜き、その境界線を自然になじませる方法です。ほとんどのケースで直面する白フチや黒フチが残る現象は、切り抜きレイヤーの [ マッティング ] で対応できることが多いです。

切り抜きレイヤーのマッティングには、用途に応じたさまざまな形式があります。その中でも活用範囲が広い [ フリンジ削除 ] は、境界線の色を自動的に判断して、不要なピクセルを取り除く機能です。

素材画像をダウンロードしよう！ ( 夕景の湖 : 644 KB )

合成画像をひとつにまとめる

木板に並べたフルーツの素材画像を、切り抜きレイヤーとして合成します。そのため、夕景の湖の素材画像にコピー＆ペーストして、それぞれの画像をひとつのドキュメントにまとめます。

【操作方法】

素材画像をダウンロードして開きます。夕景の湖、木板に並べたフルーツの素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 800 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 木板に並べたフルーツ : 653 KB )

夕景の湖の素材画像を開く

photo by skeeze

木板に並べたフルーツの素材画像を表示します。[ command ( Ctrl ) ] + [ A ] キーを押して、すべてを選択、[ command ( Ctrl ) ] + [ C ] キーを押して、コピーします。

木板に並べたフルーツの素材画像をコピー

photo by bretpit

ひとつのドキュメントに！

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

夕景の湖のドキュメントを表示します。[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックして、[ グループ 1 ] を作成します。

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

[ 描画モード : 通常 ]

[ command ( Ctrl ) ] + [ V ] キーを押して、コピーしたフルーツの素材画像をペーストします。

合成画像をペースト

通過と通常の違い

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

グループ内の描画モードや、調整レイヤーなどの効果を、背面のレイヤーに影響させたくない場合は [ 通常 ] を選択します。

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

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

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

ベースの雲模様を作成する

赤錆びた縞鋼板のベースにする雲模様を作成しましょう。新しく作成するドキュメントは、パターン用の小さなサイズです。

【操作方法】

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

新規ドキュメントを作成

つなぎ目がないパターン

これから作成するテクスチャは、つなぎ目がないシームレスパターンをオブジェクトに展開して、レイヤースタイルで立体的な効果をつけます。

シームレスパターンのベースとなる模様は、ランダムな模様を生成する [ 雲模様 1 ] を利用します。[ 雲模様 1 ] は、128 x 128 pixel の倍数でシームレス化する特性があるため、作例では、ドキュメントサイズに 512 x 512 pixel を設定しています。

グループ内で雲模様を作成

これから作成するパターンは、複数のレイヤーで構成します。それらに共通のレイヤーマスクを追加するため、雲模様のレイヤーは、グループ内に作成します。

【操作方法】

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

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

[ レイヤー 1 ] を作成

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

[ 雲模様 1 ] を適用

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

雲模様をチェンジしよう！

[ 雲模様 1 ] が生成する模様は、適用するたびに変わります。その「偶然できた模様」が、テクスチャの仕上がりを左右することも多くあるので、[ command ( Ctrl ) ] + [ F ] キーを押して、気に入った模様が生成されるまで、吟味しましょう。

レッスン動画を配信中！

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

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

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

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

The post 【テクスチャ】ゼロからつくる！赤錆びた縞鋼板 first appeared on psgips.

写真を絵画調に！ひび割れたテンペラ画風「ルネッサンス期の古典的な技法」

古岡ひふみ — Sun, 17 May 2015 23:00:00 +0000

【Photoshop講座】「テンペラ」とは、ルネッサンス期の壁画などに多く用いられた、古典的な西洋絵画の技法です。石膏を塗った板に、顔料と卵黄を混ぜ合わせて描くもので、写実的で筆のタッチがあまり見られないのが特徴です。テンペラ画の重厚な色調と、絵の具のひび割れ模様を演出してみましょう。

写真の生っぽさをなくす！

テンペラ画の特徴のひとつに、まるで、写真か？と思わせるような、写実主義があります。タッチを無くし、ひたすら光と影を追求する姿勢は、現代の写真を目指していたとも言えます。

優れた写真素材なら、そのままでも十分なのかも知れませんが、強いてあげるなら、写真の生っぽさを抑えることです。ディテールを崩しすぎないことが、古典的な絵画風を目指す上でのポイントだと思います。

写真を絵画調に！

ひび割れたテンペラ画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ひび割れたテンペラ画風に加工

これから行う操作は、写真を絵画調に加工する方法です。テンペラ画の特徴は、写実的で重厚な色彩を用いることです。重厚な色彩は、使用される絵の具の特性から、黄みがかっていることがひとつの原因です。

写真撮影で例えるなら「色かぶり」ですね。古い壁画っぽいひび割れの質感に、目を奪われがちになると思いますが、擬似的に引き起こす色かぶりの、テクニックに注目してください。

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

レッスン動画を配信中！

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

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

写実的な絵画タッチにする

複数のフィルターを掛け合わして、テンペラ画風のベースを作成しましょう。目指すのは、写実的ではあるけれど、写真ではない…という、ちょっと矛盾した効果です。

【操作方法】

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

素材画像を開く

画像の大きさに注意！

Photoshop のフィルター効果は、対象画像のピクセル数に大きく影響されるので、他の素材画像で応用する場合は、あらかじめ適切な大きさにリサイズしてください。

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

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

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

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

粗いノイズをつける設定

まず、絵画タッチの要素となる、点描のような効果を適用しましょう。ランダムなカラーノイズを発生させて、色を感じさせながら、少し不鮮明な印象にします。

【操作方法】

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

[ 粒状 ] を選択

[ 粒状 ] ダイアログで、[ 粒子の種類 ] に [ 凝集 ] を選択します。

[ コントラスト ] に [ 50 ]、[ 密度 ] に [ 50 ] を入力します。

[ 粒状 ] を設定

すると、いろんな色を含む、点描のような効果が生まれます。

粗いノイズをつける

作例では、元画像の印象をできるだけ残します。そのため、[ 密度 ] に中間値の [ 50 ] を設定しました。初期設定は [ 40 ] です。[ コントラスト ] は、ノイズの差を調整するもので、数値が大きくなるほど強くなります。初期設定は [ 50 ] です。

ドライブラシを適用

[ ドライブラシ ] は、単体で使用しても、絵画調にできるパフォーマンスを持ったフィルターです。ここでは、ベースの効果として、[ ドライブラシ ] を中心に、作成方法を考えています。

【操作方法】

[ フィルターギャラリー ] 操作パネルで、[ 新しいエフェクトレイヤー ] をクリックします。

[ 粒状 ] の複製を確認してください。

[ アーティスティック ] – [ ドライブラシ ] を選択します。[ ドライブラシ ] ダイアログで、[ ブラシサイズ ] に [ 0 ]、[ ブラシの細かさ ] に [ 8 ]、[ テクスチャ ] に [ 1 ] を入力します。

[ 粒状 ] と [ ドライブラシ ] が設定できたら、[ OK ] をクリックします。

[ ドライブラシ ] を設定

[ ドライブラシ ] を適用することで、粗いランダムなタッチを作り出し、効果の無機質感を緩和させます。

[ ドライブラシ ] を適用

ドライブラシのコツ！

[ ドライブラシ ] の設定は、まず、[ ブラシサイズ ] を調整しましょう。[ ブラシサイズ ] は、ピクセルをブレンドする大きさを調整するもので、数値が大きくなるほど、単純化される範囲が広くなり、大きなブラシで描いたようなタッチになります。初期設定は [ 2 ] です。

[ ブラシの細かさ ] は、ブラシを強調するエッジの幅を調整するもので、数値が大きくなるほどエッジの幅が小さくなり、適用画像のディテールを残せます。初期設定は [ 8 ] です。

[ テクスチャ ] は、ブラシのハロー (光りがぼやけて見える現象) を調整するもので、数値が大きくなるほどハローが強くなり、ランダムなタッチが現れます。初期設定は [ 1 ]です。

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

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