• ベストアンサー
  • すぐに回答を!

画像からロゴだけを切り取って使いたい。

やりたいことは、お店の看板を撮った画像やロゴの入った封筒などをスキャンしたものから、ロゴだけをそのまま使用して、バナーみたいなものを作りたいのですが、いい方法がよくわかりません。 こちらのサイトなどでも色々検索してみて、やってみたことは、フォトショップ6でその画像を開き→色はRGB、背景のレイヤーを0にする→自動選択ツールか色域指定で透明にしたい部分を選択し、Deleteで削除→web用に保存をして、Gifを選択・透明部分にチェックを入れて保存。 この保存したものを、イラストレーターかウェブアートデザイナーで作った背景にかぶせる。 という風にすると、背景は透明になっているのですが、ロゴの周りに白くギザギザしたものがあってみにくいのです。 フォトショップやイラストレーターはほんとに初心者なので、どうすればいいかまったくわからず質問させて頂きました。 やはり初心者のできるレベルでは、ないのでしょうか・・・? 持っているソフトは、フォトショップ6とイラストレーター10などです。 質問もわかりにくいかもしれませんが、どうぞ宜しくお願いします。

共感・応援の気持ちを伝えよう!

  • 回答数6
  • 閲覧数4531
  • ありがとう数11

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.2
  • bkbkbk
  • ベストアンサー率34% (10/29)

こんにちは。 そういうことを仕事で日常的にやっている者です。 やり方はいくつかありますが、ソフトと手や目の慣れが関連してくるので、まずプロ並みにはいかないと思ってください。 そして、初心者のやり方としては正しいと思います。 今の工程を前提に、見た目のイメージは出来ているということで、 もうちょっとよくなるかもしれないアドバイスをいたします。 ロゴを画像として編集しているので、解像度が重要です。 解像度はフォトショップ上で(イメージ>画像解像度)設定します。 ですが、今ある加工済みのロゴはギザギザしているということで、それは取り返しがつきません。 ●出来るだけ高解像度でスキャンしなおし、工程をやり直すことをお勧めします。 画像は、四角いマスの集まりです。解像度を上げると、マスが小さくなります。丸い形を四角を組み合わせて作る場合、たくさんの四角が必要です。それが解像度を上げる意味です。 ●そして、ロゴ以外の部分を消すときに、「消しゴムツール」を使うのをお勧めします。ロゴの周囲以外を大まかに消し、ロゴ周りは、拡大して慎重に消す。 これできれいになると思います。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

質問者からの補足

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

関連するQ&A

  • フォトショップからイラストレーターへの画像

    フォトショップで編集した背景無地の画像を、イラストレーターに貼り付けて 印刷をすると四角の枠が出てしまいます。 白黒印刷では何も移らないのですが、カラー又背景をつけてしまうと枠部と背景との色の差が出てしまい困っております。 私が行なった手順としては フォトショップ→画像→背景をレイヤーに変更→自動選択ツールを使用し、不要な部分を削除 →RGBをCMYK8bitに変更→gif/psdで保存 イラストレーターではリンクを解除して貼り付け どの様な手順を踏んだらよろしいのでしょうか? わかる方お教え下さい。

  • フォトショップで炎の合成。をしたいのですが、炎は背景が黒い上に映ってい

    フォトショップで炎の合成。をしたいのですが、炎は背景が黒い上に映っています。これをロゴの上において燃えるロゴを作りたいのですが、そのままレイヤーをもってくると背景の黒までついてきます。炎の部分だけを取り出したいですが、色選択ではぎざぎざとなります。聞くところによればRGBにしてチャンネルの赤をどうにかして、なんとかすれば炎の赤い部分だけがきれいに透明なレイヤーに乗っかるとのことですが、よくわかりません。

  • Photoshopで画像上のロゴ(文字)以外の背景を透明にする方法は?

    Photoshopで画像上のロゴ(文字)以外の背景を透明にする方法は? 1枚のBMP上に3色の色を使った文字のロゴがあります。一部に絵も含みます。 このロゴの部分を切り取って、背景を透明にしたいのですが、Photoshopでどのように操作したらよいでしょうか? 自動選択ツールでちょうどロゴの部分を選択できましたが、その先でつまづいています。 Photoshopは7.0です。 Photoshop以外のフリーツールでも処理する方法があればお願いします。

その他の回答 (5)

  • 回答No.6
  • bkbkbk
  • ベストアンサー率34% (10/29)

ANo.2で回答した者です。質問にお答えします。 ________________________ >解像度を上げるというのは、いわゆる拡大するということでいいんですか? <●をスキャンした場合↓> スキャン解像度低いと □■□ ■■■ □■□ これは、●に見えませんよね。 スキャン解像度高いと □■■■□ ■■■■■ ■■■■■ □■■■□ これは上のものより●に見えますよね。 こんな感じで違います。でも、これは拡大するということではありません。スキャンした時点で、解像度(どれだけ簡略するか)を決めるのです。 きれいな曲線に見える印刷物も、このようなマスの集まりです。なので、どんなものもフォトショップに取り込んで拡大してみればギザギザなんです。それが、わからないくらいにマスが多いものは=解像度が高いということです。 ________________________ >そして、消しゴムツールで周りを消す時なんですが、どこまで消していいのかよくわかりません。例えば、背景が水色でロゴが黒の場合、ロゴの線の中心は黒で外側にいけばいくほど、黒からグレー、薄いグレーのようになっていますけど、背景と同色の水色だけ消して、薄いグレーは残すのでしょうか? 印刷物などできれいに見える曲線は、マスが多いと上で書きましたが、やはりマスとマスの間はいくら細かくともギザギザです。それを視覚的に丸くつながって見せているのが、ギザギザを埋めるようにしてあるその中間色なのです。 私が前の回答で難しいと言っているのがそこです。質問者様が困っているとおり、消しどころの判断が難しいです。 縮小してバランスを見ながら、拡大して消していく、というのを繰り返すしかないです。 そこで、なるべくきれいに仕上げる為には、スキャンのときに出来る限り高い解像度でスキャンすることです。背景を消すのが大変ですが、見た目にわからないくらいには出来ると思います。 ________________________ ちなみに、上記は今のやり方でやる場合です。 他の方法も書き込まれているようなので、ひとつの意見としてご参考くださいね。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

  • 回答No.5
  • times3
  • ベストアンサー率23% (858/3649)

 Photoshopでパスツールを使ってロゴの必要な部分を囲います。 右クリックして選択範囲を作成、その時にぼかしを1ピクセルとしてます。 選択範囲の反転を選んで消去(キーボードのDELキー)を2回押して出来あがりです。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

  • 回答No.4
  • fab76
  • ベストアンサー率59% (327/548)

簡単な意匠ならスキャン画像を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ピクセル増加する場合もあります 謎)

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

  • 回答No.3
noname#235092

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

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

  • 回答No.1
  • -April-
  • ベストアンサー率22% (15/67)

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

共感・感謝の気持ちを伝えよう!

質問者からの補足

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

関連するQ&A

  • 画像の周囲のぼかした部分を透明にするには?

    同じような質問の回答が出ていましたが、下記の説明ではよくわかりません。よろしくお願いします。フォトショップのバージョンはCS2です。 1)画像を開いたら全選択して上のレイヤへペースト。背景レイヤは不可視に。 2)チャンネルマスクを作りぼかしたい部分(下1/3)を選択してクロから透明のグラデをかける。 3)カラー表示に戻って、2で作ったチャンネルを読込みdelete。 これでぼけ足部分は透明になった。 4)OKなら不可視にした背景レイヤを削除。 psdで保存してillustratorに配置。 チャンネルマスクの作り方など細かい部分はヘルプを見てください。

  • イラストレーターでWEBデータを書き出したい

    こんにちは。 いままで、フォトショップを使ってホームペーのデザインを行い、フォトショップで書き出していたのですが、イラストレーターの方がなれており、できればイラストレーターから書き出せないかと思い、こちらで質問させていたただきました。 イラストレーターで書き出す場合には、もちろん、データはRGBで作りますが、そもそも、 イラストレーターとフォトショップでは色域が違うので、書き出した画像の色も異なりますか。 また、イラストレーターで書き出した画像は、フォトショップで書き出したものと比べて 汚いと以前聞いたことがあるのですが、現在でもそうなのでしょうか。(CS6およびCCを使用) なお、イラストレーターから、フォトショップにスマートオブジェクトで貼付けて、フォトショップで書き出したら、色域や画像の綺麗さは保つことができますか。 経験者の方、知識をお持ちの方、ぜひとも、アドバイス頂けると幸いです。 よろしくお願い致します。

  • photoshopCS3でスキャンした画像のゴミ取りをした後、レイヤーを乗せると消し跡?みたいな物が残る。

    いつも大変お世話になっております。 現在、あと数時間で締め切りの画像着色をお願いされています。 内容は1枚の紙に書かれたイラストの着色なのですが、以前までこんなことはなかったのですが、急に今までのように出来なくなり、検索をかけたのですが、恥ずかしながら上手く解決方法を見つけることが出来ませんでした。 ぜひ、解決するためのお知恵をお貸し下さい。 ・スキャンは300dpi、グレースケールで取り込んでいます。線画抽出の方法はチャンネル使用です。 ・photoshopに取り入れた後、RGBモードに変更 ・色域調整で大きなゴミを飛ばす ・消しゴムツールで細かなゴミを消す(この後にグレースケールからRGBに変更したりもしてみました。) ・背景をレイヤー0に変更 ・チャンネルをクリック ・チャンネルパレットのRGBをコピー ・選択範囲を反転 ・新規レイヤー→描画色を選択→新規レイヤーを選択した状態でALTキーとDELETE 線画抽出は出来ているんです。 ただ、ここからが問題で・・・・orz パレットを下から『レイヤー0(スキャン取り込み画像)』『レイヤー実際に(線画の着色するレイヤー)』『レイヤー2(線画)』と並べると、先ほど消しゴムツールでゴミ消しをしたところが、目に見えて分かるのです。 ちょっと見づらいのですが、画像を添付しておきます。 今までこんなことなかったので、どう解決していいのか、どんな単語で検索をかけていいのか分かりません。 もう締め切りまで時間が迫っていて、かなり焦ってます。 どんな些細なことでも構いませんので、どうかよろしくお願いします。

  • Photoshopで作ったロゴを・・・

    チラシを作成するために、フォトショップ(7.0)で作ったロゴをイラストレーター(10)で使用したいのですが、背景(白)?が一緒に配置されてしまいます・・・ 初心者なので出来れば、詳しく教えて頂きたいのですが。 宜しくお願い致します。

    • 締切済み
    • Mac
  • GIMPで画像にロゴ追加について

    GIMPを使って1280×1024の画像にロゴを追加しようとしてます。 ロゴは自作ではなくてGIMPにあるものを利用するのですが方法がわからず困ってます。 現在チャレンジしている方法としては (1)まず、「ファイル」→「開く」で1280×1024の画像を選ぶ。 (2)次に「ファイル」→「画像の生成」→「ロゴ」で文字を入れて作成するのだが、この時に画像と同じ場所に開きたいのに別ウィンドウにロゴのサイズで画像が開いてしまう。 (3)ロゴのほうは複数のレイヤーで作成されているので、通常画像の合成のように「編集」→「コピー」→「貼り付け」をしたら、個々のレイヤーのみコピーされてしまう。 (4)レイヤーを個々でコピーしてもマスクなどの効果が得られていない場合がある。 (5)ロゴをレイヤーの統合をして1枚の画像としてコピーしても、そもそも画像の合成という方法だと、ロゴの背景もコピーされてしまい背景を綺麗に消さなければならなくなる。 その他いろいろな方法を考えてみたのですが、知識不足で困っています。 なにかいい方法あれば教えていただけないでしょうか? よろしくお願いします。

  • word上でロゴ画像の色を変えたい

    イラストレーターでロゴ画像(アウトライン化済み)を作成しました。 それを納品先でword上に貼付けて、さらにそのロゴの色変え出来るようにしたいのですが、そのためにはどういうファイル形式で保存すればよろしいでしょうか。 例)(背景白)黒いロゴ→青いロゴ(キリヌキ) PDFで渡したところロゴの周りの背景白が色変換という形になってしまいます。 宜しくお願い致します。

  • ドロップシャドウ付きロゴをイラストレータへEPSで配置したい。

    Photoshop7で作ったドロップシャドウ付きロゴをEPSでイラストレータ10.0.3へ配置したのですが、出力時にシャドウ部分が白とグレーになってしまいます。ロゴデータはちゃんとクリッピングパスにしてあるので問題ないかと思ったのですが、どこが間違っているのでしょうか?Photoshopのデータ(psd)のまま埋め込みにしてしまえば、問題は解決するのですが、EPSで配置しないと出力時に何か問題になるのでしょうか?どなたかお教えください。 ロゴデータは背景透明で選択-選択範囲の反転-作業用パス-パスを保存 クリッピングパスという手順で作成しEPSで保存してあります。

    • ベストアンサー
    • Mac
  • フォトショップ→イラストレーターへパスをコピー

    フォトショップは6.0 イラストレーターは9.0.2です、 スキャナで取り込みをした画像を、フォトショップを使って取り込み、 選択範囲→色域指定で選択範囲を指定し、パスをイラストレーターに コピーしたいのですが、うまくいきません。 作業用パスを作成し、レイヤーを作りコピーをしようとしていますが、 「adobe photoshopクリップ画像が大きすぎて出力できません。」 と出てきてしまいます。 サイズを変更しても同じです。 どなたか教えてください。

  • Photoshop7.0で透過を含むEPS画像の作成

    イラストレーター(ver.10)でフライヤー作りに挑戦しています。そこに配置するEPS画像ですが、Photoshop7.0で背景を透過にした画像を作りEPS保存しました。ですがその画像をイラストレーターで配置すると透過にした部分が白く出てしまいます。イラストレーターで透過になるようにする場合、Photoshop7.0ではどうすればEPS画像で透過を含む画像が作ることが出来るでしょうか。当方初心者です。よろしくお願いいたします。

  • 画像作成について。

    画像作成について。 ホームページビルダーにある、ウェブアートデザイナーを使っているんですが、 イラスト市場というところでダウンロードした画像の背景が白いんですが、 透明にはできないんでしょうか? ダウンロードしてから、ウェブアートデザイナーで保存するときに [透明化]として保存すると、背景だけでなく画像のように体の部分の白が紺色に変わってしまいます。 他にある画像と重ねて画像を作りたいんですが、背景だけを透明にしたいです。 初歩的な質問でしたらすいません。 よろしくお願いします。