ロゴを(切り抜かずに)透過する

logo_transparent_beforeafter.jpg

支給されたロゴがビットマップのみで、かつ背景が透過されていないといったケースがあります。

トレースしようにも解像度が低くてムリ、こんなときに使えるテクニックをご紹介します。

この記事の元ネタは、CreativeTechs Tips » Isolate a Logo on a Transparent Background.です。

  1. 斜体の「背景」レイヤーになっている場合には、レイヤー名をダブルクリックして「レイヤー0」に変更します。
    logo_transparent01.png
  2. ロゴの透過を確認するための新規レイヤー(レイヤー1)を作成し、適当なカラーで塗りつぶします。「レイヤー1」は「レイヤー0」の下に移動します。
    logo_transparent02.png
  3. 「レイヤー0」のサムネールをダブルクリックして、[レイヤースタイル]ダイアログボックスを表示します。[ブレンド条件]の「このレイヤー」にある白いスライダーを左方向にドラッグします。
    logo_transparent03.jpg
  4. 「レイヤー0」の白地が透けますが、フリンジ(ロゴのエッジ付近のゴミ)は残ったままです(スライダーをもっと左側に移動すればフリンジは消えますが、ロゴがやせてしまいます)。
    logo_transparent05.png
  5. 再度、「レイヤー0」のサムネールをダブルクリックして、[レイヤースタイル]ダイアログボックスを表示します。[ブレンド条件]の「このレイヤー」にある白いスライダーを、optionキーを押しながら左方向にドラッグします(スライダーは2つに分離します)。
    logo_transparent06.jpg
  6. いい感じにロゴが透過するところを見極めます。
    logo_transparent07.png
  7. このままでは、その後の作業がしにくいので、「レイヤー0」のブレンド条件をクリアしておきましょう。
    まず、確認用の「レイヤー1」を非表示にします。新規レイヤーを作成し、「レイヤー0」の下に移動します。レイヤーパレットメニューから[表示レイヤーを結合]を実行します。
    logo_transparent08.png
  8. 「レイヤー0」に着色したい場合には、新規レイヤー(レイヤー3)を作成し、着色したいカラーで塗りつぶします。「レイヤー0」と「レイヤー3」の間でoption+クリックし、クリッピングマスクを設定します。
    logo_transparent09.png

コメント(2)

サンプルのような白黒のロゴがあるのでしたら、
アルファチャンネルを使えば、いい感じではなく正確な透過ロゴを作れますよ!

iraremoさん、
「アルファチャンネルを使えば」確かにそうですね。

コメントする

オススメ(外部リンク)

Tool Garageにて『集中連載:おさえておきたい電子書籍・電子雑誌の今』という連載がスタートしました。

集中連載:おさえておきたい電子書籍・電子雑誌の今

Tool Garage『どこが変わった? Adobe CS5.5の新機能を紹介』にて、CS5.5の新機能をレビューしています。

どこが変わった? Adobe CS5.5の新機能を紹介

Photoshop Illustrator CS5は導入すべきバージョンか?がMdN Interactiveに掲載されています。

Photoshop Illustrator CS5は導入すべきバージョンか?

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメのイベント

2011年1-3月、都内、大阪、青森にて『10倍ラクするIllustrator仕事術』関連のセミナーが開催されます。

『10倍ラクするIllustrator仕事術』関連セミナー

Twitter

リンク

気になる! CS5の新機能

「仕事がはかどる機能」

JaGraプロフェッショナルDTP&Webスクール

影山史枝のDTPエキスパート認証試験合格対策

MacServer - Macに特化したオンラインストレージサービス

IDスタイル:InDesignスタイル機能Perfect Book

集中連載:おさえておきたい電子書籍・電子雑誌の今

印刷会社をお探しなら印刷のプロフェッショナル帆風(バンフー)

InDesignプラグインの決定版│KeySYNC(キーシンク)

世界中から集めた小粋なデザインたち - quote

apolloは、写真やデザイン、イラストなど、オリジナルのクリエイティブ・イメージを自由に投稿できるサイトです。

ブログパーツ


このページの上部に戻る