• ベストアンサー

phot shopでHP用のロゴを作るとき

phot shopでHP用のロゴを作ろうと思っています。そのときに最初の設定で、「背景色」「透明」「白」の選択が出てきますが、どれで設定すればいいのでしょう。そして解像度はどれくらいに設定しておくべきなのでしょうか? あと、保存の時、やはり「WEB用に保存」がいいのでしょうか? すいませんがよろしくお願いします

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

  • ベストアンサー
回答No.3

ロゴだとGIFかJPEGのファイルを作るとして話し進めさせていただきます 通常はGIFで作るのがベターかと思います GIFだと透明部分が摘要されるので、phot shopの初期設定は背景色「透明」でいいと思います JPEGだと画像サイズ縦横いっぱいまで絵柄が入る為、透明が摘要されません なぜかとゆうと、JEPGで保存する場合レイヤーが破棄され必ず「背景」だけになり、そこにはカラーが存在しなくてはなりません したがってカラーが存在しない「透明」は摘要されないって事です 保存なんですが解像度はJPEG、GIF共に72dpi推奨します JPEGの場合は、「別名で保存」で「JPEG」を撰び「OK」をクリック オプションは「低画質(高圧縮率)」画質「3」が妥当です GIFの場合は「WEB用に保存」でします 画質は「最適化」でもいいんですが、お好みでカラーテーブルを調整してもいいでしょう タブの「2アップ」「4アップ」ってのがあるので、そこに表示されるプレビューで確認しつつ、保存しましょう 「WEB用に保存」でもJPEG保存できますが、個人的に「別名で保存」のほうが良いと思います

kakkinko
質問者

お礼

回答有難うございます。早速やってみようと思います。

その他の回答 (2)

  • paoneko
  • ベストアンサー率0% (0/1)
回答No.2

透明にしてから色をつけた方が、背景も回転がきくので私は透明から作っています。 解像度は72pxです。 保存は、色数の増減やマット処理など、まさにWEB用の設定がいろいろできるので「WEB用に保存」がいいですね。

kakkinko
質問者

お礼

回答有難うございます。早速やってみようと思います。

  • kalze
  • ベストアンサー率47% (522/1092)
回答No.1

1.背景色の設定について これは質問者さんが、どのように作りたいかによります。 画像は四角になるわけですが、ロゴの絵がない部分を透明色にしたい場合は「透明」を、白にしたい場合は「白」を、現在Photoshopで設定されている背景色にしたい場合は「背景色」を選択してください。 経験から言えば、いろいろと変更するときに対応が簡単な「透明」にしておくと、後が楽かもしれません。 2.解像度 WEB用ということなので、ディスプレイの解像度に合わせるのがよいと思います http://birdis.main.jp/palm/reso.htm ただ、解像度の設定はWEBだけならあまり気にしなくてよいとおもいます。 印刷物であれば重要ですが。 画面に表示される際にはピクセル数が反映されるので。 72dpiだろうが、96dpiだろうが、画面できるときには300pピクセルなら300ピクセルです。 3.「WEB用に保存」がよいか? それが一番てっとり早いでしょう。 WEBで使用できる標準の画像形式のみで、多少の調整も見ながらすぐにできるので。

kakkinko
質問者

お礼

回答有難うございます。早速やってみようと思います。

関連するQ&A

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

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

  • アドビフォトショップの解像度とサイズの関係、gifファイルへの保存について

    初歩的質問ですみません。教えてください。 フォトショップVr.6を使用しています。 (1) ロゴを作成するときですが。新規で開きますと「画像の大きさ」と言うのが出てきます。ここで「たて1cm横3cm解像度300としてロゴを作りました。いざ、ページに貼り付けてみると大きいので、小さくしようと思うのですが、そのとき「画像のサイズ」「画像の解像度」どちらでやるのがよいのでしょうか? また画像の解像度を選択しますと、そこには「ピクセル寸法」と「ドキュメントのサイズ」が出てきます。 ドキュメントのサイズの解像度を下げても小さくなりますし、幅高さを変えても小さくなります。どのようにするのがベストでしょうか? (2) WEBように保存でgifファイルに保存するとき設定ボタンを押すと、128・32・64ウェブページ、ディザあり、なし、と色々出てきます。この意味とロゴ作成時どれにしたらよいのでしょうか? 長々すみませんがよろしく教えてください。

  • 他店のHPのロゴをキレイに使う方法

    いつもお世話になっております。 仕事でお客様の案内を代わりに作ることになりました。 その方は会社のロゴを入れて欲しい。ロゴはHPから取って。と仰いました。 解像度の高いのが欲しかったんですが、「そのあたりの事はよく分からないからHPにあるのでなんとかして」というお返事でした。 HPのロゴを確認したところ、解像度72dpiのgifデータでサイズは20mm×20mmでした。 A4の紙に拡大したらギワギワで使える状態ではなくなってしまいました。 使用ソフトはPhotoshop7.0です。 何かキレイに使える方法はありませんか? 宜しくお願い致します。

  • フォトショップ ロゴの透明化

    初心者です。CS2を使っています。 ロゴをつくり、背景を透明にしたいのですができません。 ロゴはフォトショップ講座サイトでみたもののとおり、以下のようにつくりました。 1 200×100ピクセル、72dpiのファイルを新規作成 2 文字マスクツールで文字を入力 3 選択範囲]メニューの[選択範囲を保存...]を選んで文字の範囲を「アルファチャンネル1」に記録 4「アルファチャンネル1」をアクティブにして、チャンネルパレットのメニュー(右上の三角マークをクリック)から[チャンネルを複製...]を選択して「アルファチャンネル1のコピー」を作成 5 フィルタ]メニューの[ぼかし]から[ガウスぼかし...]を選択 6 RGBチャンネルに戻る 7[フィルタ]メニューの[スケッチ]から[ハーフトーンパターン...]を選択します。 格子の大きさやコントラストを調整 8 照明効果で立体感を与える [フィルタ]メニューの[描画]から[照明効果...]を選択。 ダイアログの右下にある「テクスチャチャンネル」に「アルファチャンネル1のコピー」を指定し、プレビューを確認しながらパラメータを調整する。 と、とくにエフェクトかけずにテキスト入力で保存するときはweb用保存で透明部分をチェックすれば、透明化になっていたのですが、なりません。 GIF保存や透明書き出しを試してみても解決しません。 なぜでしょうか?(たぶん、私がレイヤーとかそういったものをよく理解してないからだと思うのですが・・・;) みなさまの知識をかしてください。お願いします。

  • フォトショップの保存方法

    フォトショップで背景を透明にして 小さいロゴやアイコンを作成して保存する時、 その小さいロゴ、アイコン部分だけを書き出す方法は スライスツールで分割して保存する方法以外にありますか? 少しわかりにくいと思いますが 例えば、新規ドキュメントで「Web中 1440x900のサイズ」で 背景色を透明にして、小さいロゴを作って保存する場合でも ロゴ部分だけではなく1440x900のフルサイズで 書き出されてしまいます。 必要な部分はロゴだけで他の透明部分は必要ないので そのロゴ部分だけ保存する方法があるという事であれば お教えください。 よろしくお願いします。

  • フォトショップかペイントショップ

    フォトショップかペイントショップでホームページのロゴを作ろうと 試してみたのですが、ロゴの背景を1つのgifで出来なくて困ってます。 HPの場合、背景にgifを選ぶとバーっとgifが並びますよね。そのまま ロゴの背景で使いたいのですがどうしたらいいでしょうか? gifを拡大して背景にするとイメージが違ってしまいます。 知っている方がいらっしゃいましたらお手数ですが教えて頂けると助かります。

  • フォトショップ アクションを全自動にするのは無理なのか?

    WinXP フォトショップ7.0 アクションを設定し、ボタン一つで全自動できないかどうかの質問です。 1.画像を読み込む(手動) 2.レベルを調整(手動) 3.ロゴ[別データ]を読み込んだ画像の上に乗せる(自動) 4.保存1(自動) 5.解像度を下げる(自動) 6.フィルターをかける(自動) 7.WEB用に保存(自動) 8.画像を閉じる(自動) 以上の動作をアクションさせたいのですが・・・ 現状、 3番はやり方がわからず手動でやっています。 作業スペースにロゴデータを置いといて、そこからドラッグで乗せています。 4番から8番まではアクションさせていますが、4の保存時にフォルダとファイル名を聞いてくるので選択して、5で解像度を聞いてくるので72と入力して、7でもファイル名を聞いてくるので選択しています。 4は保存するフォルダは固定で、ファイル名は元のファイル名でいいです。 7は保存場所は固定で出てきますが、ファイル名を聞いてくるので、これも元ファイル名でいいです。 解像度に関してはすべて72でいいのですが、現状できないのでコピペです。 手順にこだわりはありません。 別方法でも結果が同じならOKです! 要は[画像データ]にすべて同じ[画像ロゴ]を入れて一旦保存。 そのデータをWEB用に縮小して保存。 これが[簡単に]できればうれしいのですが・・・ 皆さんのお知恵を拝借。 よろしくお願い致します。(;人;)

  • フォトショップ+イラレの画像をドリームウェーバでHPページに。

    フォトショップとイラストレーターで作った画像をフォトショップでweb用に保存にし、その画像をそのまま背景にしそれからドリームウェーバーで加工しHPのトップページにしたいんです。 最終的に出来上がった際のサイズはA4くらいの横長にしたいのですが....いつの段階で表示のサイズを設定したらよいのでしょうか?web初心者ですので、どなたか教えて下さい。

  • フォトショップでHP作成

    フォトショップで作成した画像でHP作成するにはどうすればよいのでしょうか。保存時に、Save for Webで保存したのですがそれからあとがよくわかりません。 HPはHTMLで作成しており、フォトショップで作成したものをペースト、ドラッグというようにできるのではと思い色々と試しているのですが。。。 基本的にこのような使い方は可能なのでしょうか。 宜しくお願いします。

  • イラストレーターで作ったロゴが綺麗にHPに反映されません

    イラストレーター10.0でロゴ(といっても文字を打ち込んだだけ )を作り、HPに反映させたところ画像が粗く困っています。 掲示板等見ながら直してみたのですが、うまくいきません。 文字を打ち込む→Web用に保存(GIF・カラー256・デェザ100%) いろいろな方法で試してみたのですが、どうしてもキザキザなロゴになってしまうのです。初心者なので「こんな風にやったら絶対うまくいく!」という方法があればぜひ教えてください。 どうぞよろしくお願いいたします。

専門家に質問してみよう