写真をイラスト調に!精密なテクニカル・イラスト風

写真をイラスト調に!精密なテクニカル・イラスト風

【Photoshop講座】写真ではわかりにくい部分を精密に描き出す「テクニカル・イラストレーション」は、自動車や家電製品などの技術的な情報を、視覚的に伝達するための技法です。クルマ好きを唸らせるポイントは、シャープな陰影と克明なディテールです。写真の生っぽさを消し、エアブラシで描かれたような精悍なタッチで仕上げましょう。
フラットと隈取りの最強タッグ!
写真を言い換えるなら「ノイズの集合体」です。一方、テクニカル・イラストレーションの特徴は、タッチを感じさせないリアルな描写です。
コントラストを強くすると階調が飛んでしまうし、誇張した補正はノイズの発生を招きます。この2つを解消させるにはどうしたらいいか? その答えが、このレッスンには含まれています。ノイズのないフラットな面に、トーンをつくる技を習得しましょう。

面をぼかして輪郭をシャープに

これから行う操作は、写真をイラスト調に加工する方法です。テクニカル・イラストレーションとは、工業製品を精密に描き出した、立体図に用いられている様式です。写真ではわかりにくい情報を、視覚的に伝達する役目があります。タッチを感じさせないリアルな描写で、クルマ好きを唸らせる、一枚に仕上げましょう。
元画像 → 精密なテクニカル・イラスト風

ボディを切り抜く

オープンカーのボディを切り抜いて、無地の背景を設定しましょう。下記に記載している URL から、素材画像をダウンロードしてください。
素材画像は、[幅 : 1920 pixel]、[高さ : 1440 pixel] 、[解像度 : 72 pixel/inch]、[カラーモード : RGB カラー] を使用しています。
素材画像を開く
素材画像を開く
photo by hostsh
レッスン動画を配信中!
【Photoshop講座】写真をイラスト調に!精密なテクニカル・イラスト風【2021】
サムネールをクリックすると、レッスン動画にリンクします。
[パス] パネルを表示します。
保存されているパスの [ボディ] を選択します。
パスの [ボディ] を選択
パスの [ボディ] を選択
すると、ドキュメントに、オープンカーのボディを、トレースしたパスが表示されます。
パスが表示される
パスが表示される
切り抜きパス付!
このレッスンでは、あらかじめ、作業に必要なパスを素材画像に保存しています。作品に応用する場合は、あらかじめ、主体を切り抜くパスを作成するか、レイヤーマスクなどで正確な選択範囲を作成してください。

新規グループを作成

[レイヤー] パネルを表示します。
[新規グループを作成] をクリックします。
すると、新規グループ [グループ 1] が作成されます。
新規グループを作成
新規グループを作成
グループ名を変更!
[グループ 1] をダブルクリックして、グループ名を「ボディ・カラー」に変更します。グループ [ボディ・カラー] が、選択されていることを確認してください。
グループ名を変更
グループ名を変更

ベクトルマスクを追加

[レイヤー] メニューから、[ベクトルマスク] → [現在のパス] を選択します。
[現在のパス] を選択
[現在のパス] を選択
すると、グループ [ボディ・カラー] に、ベクトルマスクが作成されます。
ベクトルマスクの作成を確認
ベクトルマスクの作成を確認
[プロパティ] パネルで、[ぼかし] に「0.5 px」を入力します。
「0.5 px」を入力
「0.5 px」を入力
パスの境界線をぼかす!
このベクトルマスクは、グループ内のオブジェクトを、まとめて、切り抜くために使用します。パスの境界線に、ぼかしを設定しておきましょう。ベクトルマスクを少しぼかすことで、切り抜きがより自然に見えます。

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

[レイヤー] パネルで、[背景] を選択します。
[背景] を選択
[背景] を選択
[レイヤー] メニューから、[スマートオブジェクト] → [スマートオブジェクトに変換] を選択します。
[レイヤー] パネルで、スマートオブジェクトに変換されたことを、確認してください。
スマートオブジェクトを確認
スマートオブジェクトを確認
スマートオブジェクトとは?
[スマートオブジェクトに変換] を適用すると、選択したレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。
[背景] に適用すると、レイヤー名が [レイヤー 0] に変更され、[背景] では設定できなかった [描画モード] や [不透明度]、[位置をロック] などが有効になります。
レイヤー名を変更!
[レイヤー 0] をダブルクリックして、レイヤー名を「1964 Turner Mk3」に変更します。
レイヤー名を変更
レイヤー名を変更

グループ内に格納

グループ [ボディ・カラー] に、[1964 Turner Mk3] をドラッグ&ドロップします。
[1964 Turner Mk3] が、グループ内に格納されたことを確認してください。
元画像 → ボディを切り抜く
すると、オープンカーが切り抜かれ、 その他の領域が、透明ピクセルに変換されます。
グループにドラッグ&ドロップ
まとめて切り抜き!
グループにベクトルマスクを追加すると、グループ内のレイヤーがまとめて切り抜けます。

背景色を設定

[レイヤー] パネルで、[塗りつぶしまたは調整レイヤーを新規作成] をクリックして、メニューから [べた塗り] を選択します。
[べた塗り 1] を作成
[べた塗り 1] を作成
[カラーピッカー] ダイアログで、[H : 0° / S : 0 % / B : 95 %] を入力して、[OK] をクリックします。
[カラーピッカー] ダイアログを設定
[カラーピッカー] ダイアログを設定
[レイヤー] パネルで、[べた塗り 1] をドラッグ&ドロップして、グループ外の最背面へ移動します。
[べた塗り 1] が、グループ外の最背面へ移動できたことを確認してください。
[べた塗り 1] をドラッグ&ドロップ → グループ外の最背面へ移動
ボディを切り抜いて、背景色を設定することができました。
背景色を設定
背景色を設定
背景色は変更可能!
この背景色は、暫定的なものです。カラーを再編集することや、 別の素材画像を敷くこともできます。
続きは↓下の番号をクリック!
123456

スポンサード リンク