Photoshopの置き換えフィルターでロゴをテクスチャになじませる

フィルターの置き換えを使ってロゴをテクスチャになじませる。

置き換えは今回の作例のようにロゴをテクスチャになじませるほか、しわに沿ってロゴを変形することも可能な非常に便利な機能です。

さらに描画モードとブレンド条件を使ってテクスチャにロゴをなじませていきます。

制作の流れ

主な工程としては、

  1. 表示レイヤーをテクスチャのみにしてコピーを保存
    →別名で保存ではなくコピーを保存とすることで作業psdを変えずに複製したpsdを保存
  2. テクスチャレイヤーのスマートフィルターをオフ、ロゴレイヤーを表示してスマートオブジェクトに
  3. ロゴレイヤーにフィルターの置き換えを適用、コピー保存したテクスチャを選択
  4. ロゴレイヤーをカラーオーバーレイで着色、グループ化
  5. ロゴグループの描画モードを乗算
  6. ロゴグループのレイヤースタイルのブレンド条件を調整

となります。

コネクリ

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。

個人サイトTwitterYouTubeにてPhotoshopとIllustratorの作例を発信中!

個人としての仕事は、動画制作『【アーティストに学ぶ】#33 Adobe Illustrator iPad版 xコネクリ – アドビ公式』、オンラインセミナー『朝までイラレ』『朝までフォトショ』、著書『デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50』(インプレス)など。

詳しくはWorkにてご覧ください。

また、お仕事等のご依頼はContactよりご連絡くださいませ。

おすすめ書籍

PhotoshopやIllustratorの使い方についての書籍ではありませんが、イラストを主軸に活動している方は元よりデザインに関わるすべての方におすすめできる書籍です。

どちらかというと中~上級者向けの書籍で、光が色に及ぼす影響や配色の理論から技術的なテクニックまで根本から学べます。

私はディレクションすることも多々あり、今まで感覚的に伝えていた部分の言語化に大いに役立てることができました。

PREVIOUS POST Photoshopの置き換えフィルターでシルクのシワに沿って...
NEXT POST PhotoshopのCaptureアプリ内拡張機能を使って写...
PAGE TOP