sakai 20:25 PM
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。
「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。
使用した画像加工ソフトは Fireworks です。
↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。
STEP 1
ロゴ画像をグレースケールで保存します。
STEP 2
グレースケール化したロゴ画像を背景の上に配置。
STEP 3
ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。
カラーは何色でも良いですが、ブレンドモードは「反転」にします。
STEP 4
ロゴ画像のレイヤーを「スクリーン」に設定。
上手いことロゴを白抜きにすることができました！
コメント
こんにちは。
いつも拝見させていただいております。
なるほど、この方法は思いつかなかったです。
こういう攻め方もあるんですね！勉強になりました。
リニューアルの案件の際によく、同じように「ロゴデータは前制作会社からもらえないので、ありません。」と言われ、時間がないのに戸レースすることばかり考えておりました。
ぜひトライしてみようと思います。
ありがとうございました！
Toyo | 2009年07月24日 10:09
感激しました
gifとかの外部からの素材を効率よく流用するのって
なかなか本とかには載ってないんですよね
有り難くマネさせていただきます
はじめてきました | 2009年07月24日 17:33
「白抜きっぽく見える」だけで、実際には白抜かれてないのでは！？
気のせいでしょうか？？？ｗ
75 | 2009年07月25日 17:44
＞Toyo さん
はじめまして、いつもご覧いただきありがとうございます！
ブレンドモードを上手く使えば、時間の節約もできて便利ですよね。
是非、トライしてみてください！
今後ともよろしくお願いいたします。
＞はじめてきました さん
はじめまして、コメントありがとうございます。
今後も現場感覚を大事に色々な Tips を掲載してまいりますので、どうぞよろしくお願いいたします！
＞75 さん
コメントありがとうございます。
確かに、厳密な意味では「白抜き」しているわけではないですね。
白抜き風？ としておくのがベターでしょうか？？
今後ともどうぞよろしくお願いいたします。
sakai | 2009年07月27日 10:14