「教えて!ピックアップ」リリース!

やりたいことは、お店の看板を撮った画像やロゴの入った封筒などをスキャンしたものから、ロゴだけをそのまま使用して、バナーみたいなものを作りたいのですが、いい方法がよくわかりません。

こちらのサイトなどでも色々検索してみて、やってみたことは、フォトショップ6でその画像を開き→色はRGB、背景のレイヤーを0にする→自動選択ツールか色域指定で透明にしたい部分を選択し、Deleteで削除→web用に保存をして、Gifを選択・透明部分にチェックを入れて保存。

この保存したものを、イラストレーターかウェブアートデザイナーで作った背景にかぶせる。
という風にすると、背景は透明になっているのですが、ロゴの周りに白くギザギザしたものがあってみにくいのです。

フォトショップやイラストレーターはほんとに初心者なので、どうすればいいかまったくわからず質問させて頂きました。

やはり初心者のできるレベルでは、ないのでしょうか・・・?

持っているソフトは、フォトショップ6とイラストレーター10などです。
質問もわかりにくいかもしれませんが、どうぞ宜しくお願いします。

A 回答 (6件)

こんにちは。


そういうことを仕事で日常的にやっている者です。

やり方はいくつかありますが、ソフトと手や目の慣れが関連してくるので、まずプロ並みにはいかないと思ってください。

そして、初心者のやり方としては正しいと思います。
今の工程を前提に、見た目のイメージは出来ているということで、
もうちょっとよくなるかもしれないアドバイスをいたします。

ロゴを画像として編集しているので、解像度が重要です。
解像度はフォトショップ上で(イメージ>画像解像度)設定します。

ですが、今ある加工済みのロゴはギザギザしているということで、それは取り返しがつきません。

●出来るだけ高解像度でスキャンしなおし、工程をやり直すことをお勧めします。
画像は、四角いマスの集まりです。解像度を上げると、マスが小さくなります。丸い形を四角を組み合わせて作る場合、たくさんの四角が必要です。それが解像度を上げる意味です。

●そして、ロゴ以外の部分を消すときに、「消しゴムツール」を使うのをお勧めします。ロゴの周囲以外を大まかに消し、ロゴ周りは、拡大して慎重に消す。

これできれいになると思います。

この回答への補足

ご回答ありがとうございます。
解像度を上げるというのは、いわゆる拡大するということでいいんですか?
そして、消しゴムツールで周りを消す時なんですが、どこまで消していいのかよくわかりません。例えば、背景が水色でロゴが黒の場合、ロゴの線の中心は黒で外側にいけばいくほど、黒からグレー、薄いグレーのようになっていますけど、背景と同色の水色だけ消して、薄いグレーは残すのでしょうか?
ほんとに初歩的な質問ですみませんが、宜しくお願い致します。

補足日時:2007/04/18 11:13
    • good
    • 0
この回答へのお礼

本当にわかりやく丁寧にお教え頂きありがとうございました。
フォトショップで拡大して、消していく時の感覚はこれから経験の中でもっとうまくできるよう、がんばってやってみたいと思います。
とてもわかりやすく、本当に助かりました。
ありがとうございます。

お礼日時:2007/04/26 15:09

ANo.2で回答した者です。

質問にお答えします。
________________________
>解像度を上げるというのは、いわゆる拡大するということでいいんですか?

<●をスキャンした場合↓>

スキャン解像度低いと
□■□
■■■
□■□
これは、●に見えませんよね。

スキャン解像度高いと
□■■■□
■■■■■
■■■■■
□■■■□
これは上のものより●に見えますよね。
こんな感じで違います。でも、これは拡大するということではありません。スキャンした時点で、解像度(どれだけ簡略するか)を決めるのです。

きれいな曲線に見える印刷物も、このようなマスの集まりです。なので、どんなものもフォトショップに取り込んで拡大してみればギザギザなんです。それが、わからないくらいにマスが多いものは=解像度が高いということです。
________________________
>そして、消しゴムツールで周りを消す時なんですが、どこまで消していいのかよくわかりません。例えば、背景が水色でロゴが黒の場合、ロゴの線の中心は黒で外側にいけばいくほど、黒からグレー、薄いグレーのようになっていますけど、背景と同色の水色だけ消して、薄いグレーは残すのでしょうか?

印刷物などできれいに見える曲線は、マスが多いと上で書きましたが、やはりマスとマスの間はいくら細かくともギザギザです。それを視覚的に丸くつながって見せているのが、ギザギザを埋めるようにしてあるその中間色なのです。

私が前の回答で難しいと言っているのがそこです。質問者様が困っているとおり、消しどころの判断が難しいです。
縮小してバランスを見ながら、拡大して消していく、というのを繰り返すしかないです。
そこで、なるべくきれいに仕上げる為には、スキャンのときに出来る限り高い解像度でスキャンすることです。背景を消すのが大変ですが、見た目にわからないくらいには出来ると思います。
________________________
ちなみに、上記は今のやり方でやる場合です。
他の方法も書き込まれているようなので、ひとつの意見としてご参考くださいね。
    • good
    • 0
この回答へのお礼

早速のご回答ありがとうございます。
他の方法も試しながら、こちらの方法も知識として、とても勉強になりました。
やはり、感覚的なものもあるみたいなので、慣れが必要かと思いますので、がんばってやってみたいと思います。
丁寧にご説明頂き本当にありがとうございました!

お礼日時:2007/04/18 17:36

 Photoshopでパスツールを使ってロゴの必要な部分を囲います。


右クリックして選択範囲を作成、その時にぼかしを1ピクセルとしてます。
選択範囲の反転を選んで消去(キーボードのDELキー)を2回押して出来あがりです。
    • good
    • 1
この回答へのお礼

ご回答ありがとうございます。
他のご回答者のみなさんのお教えと一緒にあれこれやってみたいと思います。
本当にありがとうございました。

お礼日時:2007/04/26 15:07

簡単な意匠ならスキャン画像をIllustratorに配置 →手作業でトレースして汎用ロゴデータとしますが、凝った意匠の場合は作業の時間もばかになりません。



Illustrator CS2のオートトレースツールが評価は高い(私もver10なので使用経験はありませんが)ようですが、フリーで配布されているトレースツール
【Potrace】
http://potrace.sourceforge.net/
で実現できます。

作業内容は
【サルでも分かる(?)Potraceの使い方】
http://totoco.org/blog/2005/0827-0137.php
が詳しいと思います、GUIインターフェイスを持たないツールなので、上記ページのようにバッチ処理としてEPS画像を作成するといいでしょう。
汎用ロゴ画像として別名保存で.aiのデータを作成しておくと何かと便利です(.eps画像のままでもかまいません)

>ロゴの周りに白くギザギザしたものがあってみにくいのです

に関してはPhotoshopなどで選択範囲から背景を削除して透明部分を持つ.gif画像として書き出す場合必ず起こります。
また上記で作成したロゴ部分だけを透過gifとして背景色を持つページに配置したい場合も同様です。

そのような用途の場合【Web用に保存】から[マット]で背景色の指定を行います。

バナーなどの場合、Illustrator上で背景に重ねたロゴ画像から【Web用に保存】で作成したものではフリンジ(白いギザギザ)の発生は起こりません。

アートボードを作成サイズとして【Web用に保存】→画像サイズタブ から「アートボードサイズでクリップ」を選択するとジャストサイズの画像を作成できます。
(まれに画像サイズタブでサイズ指定しても1ピクセル増加する場合もあります 謎)
    • good
    • 0
この回答へのお礼

ご丁寧にお教え頂きありがとうございます。
これから使いこなせるよう、がんばってやってみたいと思います。
ありがとうございました!

お礼日時:2007/04/26 15:05

経験から言うと、結局はIllustratorで作ってしまった自分がいる、ということです。


あれこれ画像をいじっても満足できるものはなかなかできません。
しかもせっかく作ったのにクライアントからもっと大きくしてくれとクレームがついたり。
この際、その画像を下絵にしてIllustratorで作られてはいかがですか?
そうすれば拡大・縮小自由の汎用性の高いきれいなものが作成できます。遠回りのようで意外と近かったりします。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございました。
イラストレーターで画像を下絵にするというやり方もこれから使って生きたいと思います。
ありがとうございました!

お礼日時:2007/04/26 15:03

フォトショップのペンツールでロゴに支障をきたさない程度内側でパスをき、レイヤーの横にあるパスのタブからパスに名前を付けた後、プルダウンからクリッピングパスを選択



で後はイラストレーター等で背景にかぶせる

でどうでしょうか。

この回答への補足

ご回答ありがとうございます。
ペンツールでパスをかく時なんですが、ロゴに沿ってクリックしていくのか、ドラッグして描くようにしていくのか・・・どのようにしたらいいですか?
ペンツールはほとんど使ったことがないので、バカな質問ですみません。
お時間ありましたら、ご回答お願い致します。

補足日時:2007/04/18 11:09
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています


人気Q&Aランキング