Photoshopで独自のカスタムボケ壁紙を作成する方法

ボケとは何か、そして物理的なカメラでそれを作成する方法をお教えしてきました。では、ボケの豪華な柔らかさをコンピュータやモバイルデバイス用の素敵でカラフルな壁紙として作成する方法を見てみましょう。.

なぜこれをしたいのですか?

今日の写真のチュートリアルから2つの大きな問題があります。まず、ボケの壁紙を作成するチャンスがあります（これは、以前に作成方法を説明したアナログのボケ写真の本当に楽しいカラフルなコンパニオンです）。.

第二に、あなたはまた、Photoshopの武器庫の中で非常に強力なツールである（そしてその点ではかなり未熟なものである）Photoshop Brush Engineの基本を学ぶでしょう。.

最後に、それはちょうど良いきれいなデジタル編集の楽しみです。お使いの携帯電話やコンピュータにぴったりのボケ味の壁紙を探すために、Google Imagesや他のソースをトロールする代わりに、あなたが望む正確な色や構図でそれを自分で作成することができます。.

私には何が必要なのだろう?

このチュートリアルでは、必要なものは1つだけです。

• アドビフォトショップ

私たちはAdobe Photoshop CS6を使っていますが、チュートリアルで概説されているテクニックは古い版のPhotoshopでも問題なく動作するはずです。.

Photoshop以外に、追加のツールやファイル入力は必要ありません。アプリケーション内で画像全体を作成します.

私たちが使っている概念?

このチュートリアルでは、心に留めたいいくつかの重要な設計要素があります。実際の写真では、ピンぼけ効果はレンズの焦点面の外側の光の点によって生成され、ハイライトの焦点の合っていない光はレンズの開口部の形状になります.

その効果を生み出すためには、単純にたくさんの円を作成してプロジェクトで自分自身を完成させることを宣言することはできません。実際の写真が持つ深さの錯覚を再現したいです。焦点面）。私達はまたあなたが現実の世界で見つけるであろう光の大きさの変動性を再現したいと思います。言い換えれば、均一な円の大きさの平らな画像は欲しくありません。.

これを達成するために、2つのことをするつもりです：手で何百もの可変サイズの円を描く手間を省くために、このタスクのためだけにカスタムブラシを作成します。それから、これらの可変サイズの円の複数のレイヤーを組み合わせて深さの錯覚を作り出します。.

ボケブラシの設定と作成

ビジネスの最初の順序は、作業スペースを作成してから、ぼけボケブラシを作成することです。 Photoshopで、作成したい壁紙のサイズの新しい画像を作成します。私たちは1920×1080ピクセルの標準画面解像度で作業しています。背景を透明に設定.

新しいキャンバスを作成したら、パレットをクリックして、黒ではなく非常に濃いグレーの前景色を選択します。RGB値30〜30〜30を使用します。

非常に濃いグレーを選択したら、Shape Tool（U）を選択してEllipsesに切り替えます。 Shiftキーを押しながら描画しようとしている図形の縦横比を固定してから、キャンバスの中央に円を描きます。特に大きくする必要はありません。 1920×1080のキャンバス上に、およそ300ピクセル幅の円を描きました。唯一重要な部分は、円があなたが快適に見て編集するのに十分な大きさであるということです。円の実際のサイズはチュートリアルの後半でその場で調整されます。.

この時点で、キャンバスの真ん中に黒に近い円ができます。レイヤーサイドパネルのレイヤーエントリをダブルクリックして、2つの調整を行います。まず、[塗りつぶしの不透明度]を50％に調整します（より広い[不透明度]カテゴリではなく、[塗りつぶしの不透明度]を調整していることを確認してください）。次に、10ピクセル幅の不透明度100％で純粋な黒のストロークレイヤーを次のように追加します。

結果は上の画像と非常によく似ているはずです。黒い枠線とスモーキーな中心を持つ真円、カメラレンズフィルターのようなものです。.

それほど興奮していませんが、この円が私たちのブラシの種として機能します。これが今日のチュートリアルで本当の魔法が起こるところです。上記の簡単な色付きの円を作成したら、[編集] - > [ブラシプリセットの定義]を選択します。新しいブラシプリセットに名前を付けます。私達は私達のものを「ボケブラシ1」と名付けました。.

新しいブラシに名前を付けると、[ブラシ/ブラシプリセット]パネルが画面の右側に表示されます。まず、キーボードのBを押すか、ツールパレットから手動で選択して、ブラシツールを選択します。次に[ブラシプリセット]タブをクリックします。新しいブラシを見つけて選択します。

選択したら、[ブラシ]タブをクリックしてブラシのプロパティを表示および変更します。下部のすべてのブラシ変数の下には、ブラシからのブラシストロークがどのように見えるかのサンプルがあります。デフォルト設定では、次のようになります。

あなたはそれがどのように見えないのか知っていますか？穏やかでナチュラル、そして波打ったボケ味。それを変えようとしています。 [ブラシ]パネルの[ブラシの先端形状]エントリ。パネルの下部で、間隔を25％から100％に変更します。ブラシプレビューウィンドウの変更に注意してください。

次に、散布変数を増やして円をランダムに配置する必要があります。 Scatteringエントリをクリックして、Scatterを10,000％、Countを5、Count Jitterを1％に調整します。 （最初のブラシを作成した後は、Bokeh Brush 2でこれらの値を自由に使用して、こことその後の変数で値を変更すると効果的です）。ブラシサンプルウィンドウは、このようになります。

今、私たちはどこかに着いています。そのサンプルは、ぼんやりとした豊富な写真から予想されるランダムで重なり合う光の点のように見え始めます。.

Shape Dynamicsエントリに移動して、サイズ変更の均一性について何かしましょう。そこにあるプリセットをSize Jitter 100％、Control：筆圧、Minimum Diameter 50％に変更して、残りの部分を0％のままにし、次のようにオフ/オフのままにします。

さらに良いことに、Size Jitterを追加したことで、すばらしいバリエーションが生まれました。ブラシの最後の仕上げは、[転送]カテゴリの[不透明度]と[フロージッタ]を調整することです。 Transferをクリックし、Opacity Jitterを50％に、Flow Jitterを50％に調整します。フロージッタの制御を筆圧に変更します。他のものはすべてオフのままにするか、0％にします。

これが美しいプレビューです。ただそれを見てください - あなたはほとんどプレビューボックスでフォームを取って壁紙を実際に見ることができます.

ブラシを定義したら、実際の壁紙を作成するプロセスに進みます。.

背景のグラデーションとボケのレイヤーを作成する

先に進んで、ワークスペースに新しいレイヤーを作成します（そして、必要に応じて、楕円ベースのブラシを作成するために使用したレイヤーのチェックマークを外すか削除します）。このレイヤーに「背景」というラベルを付けます。あなたはこの新しい層の上にあなたの壁紙の背景に無地またはグラデーションを置くことができますが、グラデーションは完成品でとてもきれいです.

グラデーションツール（G）を選択してから、プリセットグラデーションの1つを選択するか、独自のグラデーションを作成します。プリセットには、私たちが探していたような非常に明るいレインボー効果はありませんでした。そのため、グラデーション位置0％、50％、100％のシード値を使用して新しいグラデーションを作成しました。それぞれ252-255、240-255-0

キャンバスの左下隅から右上隅まで約35度の角度で適用すると、グラデーションは次のようになります。

キャンバスが塗られたら、最初のボケレイヤーから始めましょう。 “ Bokeh Background”という名前の新しいレイヤーを作成します。ブラシツール（B）を選択してください。ブラシの色を純白に変更します。キャンバスの縦のサイズの約3分の1から半分のブラシサイズを選択します（1920 x 1080キャンバスの場合、サイズは約300〜500ピクセルです）。私たちは今日それを大いにプレイしているので、500ピクセルです。.

次のステップ（そしてそれに続く繰り返し）は完全に好みの問題です。あなたが望むならば最初にブラシでそして次に少し重いもので光を当てなさい。覚えておいて、これはあなたがスポットXをクリックしてそのスポットに関する即座のフィードバックを得ることができる標準的なブラシを使うのとは異なります。私たちは効果的に非常に幅広く非常に可変的なストロークを作成するブラシを作成しました.

キャンバスの側面から他の側面へのブラシのパスで開始してからさらに円を追加するには、ここまたはそこをタップします。左から右へ、次に右から左への2つのソリッドパスでうまくいくことがわかりました。あなたのキャンバスがどのように見えるべきであるかは、ここにありますか、またはいくつかの円を取ります：

これが背景レイヤーなので、ぼかしてその奥行き感を作り出す必要があります。背景のボケ味レイヤーのままで、[フィルタ] - > [ぼかし] - > [ガウスぼかし]に移動します。 20〜30の値は、背景のぼかしを素敵にぼかします。

今、私たちはいくつかの小さな微調整でプロセスを繰り返す必要があります。 “ Bokeh Midground”という名前の新しいレイヤーを作成します。ブラシのサイズを小さくします（500ピクセルから300ピクセルに減らしました）。繰り返しますが、円の数に満足するまでブラシツールを使用してキャンバス上を通過します。ガウスぼかしをもう一度適用しますが、今回は5〜10ピクセルの間でぼかしを調整します。 

2番目のレイヤーを追加すると、壁紙が本当に形を整えているのがわかります。今度はもう1つの層の時間です。 “ Bokeh Foreground”という名前の新しいレイヤーを作成します。ブラシサイズをさらに小さい値に変更します（300ピクセルから150ピクセルに変更しました）。キャンバス上にブラシのパスを繰り返します。ガウスぼかしを繰り返しますが、値を1〜5ピクセルにドロップします.

これがチュートリアルの最後のステップです。「Bokeh Foreground」レイヤーをぼかすと、最終製品になります。

ワークフローの面白いところは、一度通過したら、それを何度も何度も繰り返して、本当に濃い（または疎な）円、明るいまたは暗いグラデーション、およびその他のバリエーションで新しい壁紙を作成することが非常に簡単であることです。.

実際、プロセス全体を繰り返すことなく、古い背景レイヤーの上に新しいレイヤーを作成し、新しいグラデーションを下に重ねて、まったく新しい雰囲気の壁紙を作成できます。

このようなプロジェクトでは、最終結果の多様性とランダムさは面白さの一部です。ブラシのサイズ、設定、その他の変数を使って楽しくユニークな結果を得ることができます。さらに良いことには、以下のコメントでそれらを他の読者と共有してください。.