Photoshop ElementsとIllustratorの初心者です。練習がてら自分のホームページを作成しています。まずタイトルバナーでつまづいています。
選んだ画像をPhotoshop Elements解像度幅760pxで切り抜きました。
これをIllustratorで文字入力他するつもりで配置しました。
ドキュメントはwebで幅800px指定です。でも配置された画像はとても小さいものでした。ドキュメントの幅は800px、画像は760pxなのに?しかたなく拡大しましたが、web用にその画像を保存しようとするとドキュメント幅800pxが保存対象になり、不要な空白部分が含まれてしまいます。ドキュメント設定はwebでは不適当なのでしょうか?
初心者でとんちんかんな記述かもわかりませんが、何とか少しずつでも先へ進みたいと思っています。どうぞよろしくお願いします。
No.2ベストアンサー
- 回答日時:
こんにちは
Illustratorに画像を配置すると、その画像の持っているサイズをそのまま表示します。
Illustratorのドキュメント設定が「web(72ppi)、幅800pix」ですと、左右が282mm程度になります。
選んだ画像の760pixが72ppiであれば268mm位となり、たぶん予想された結果であるはずです。
もし選択された画像の解像度が72ppiでなければ、思いがけない結果となってしまいます。
画像をPhotoshop Elmentsの「画像解像度」で確認してみてください、推測ですがおそらく解像度が300ppi位になっているのではないでしょうか。
この状態ですと、760pixは左右が約68mmですので予想よりかなり小さい表示となってしまいます、高解像度であるためピクセルのサイズが小さいのが原因です。
webで使用するのですから画像を「画像解像度」で72ppiに変更し、自動で変更されてしまうpix数を元の数値に戻してOKすれば準備完了です、「保存」してIllustratorに配置してみてください。
この回答への補足
yuboさん、よくわかる説明をありがとうございました。書かれている通りで画像の解像度は430ppiほどにもなっていました。72ppiに変更するとイメージ通りの大きさで配置されました。解像度のことはよくわからず解説書などを読んでも今だにすっきり理解できていませんでしたが、今回のことで少しはピンときたような気がします(-_-;)
先にあげましたweb用に保存に際してのサイズについても、[アートボードサイズでクリップ]にチェックが入っていたことが原因と気付きました。(CS4)以前使っていたVer.10にはなかったので見のがしていました。
これですべての疑問がすっきり解決です。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Mac OS Macで画像の切り抜きできないの? 2 2023/04/02 09:31
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- Illustrator(イラストレーター) 印刷プレビューに画像が表示されない 3 2022/09/06 14:34
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- 画像編集・動画編集・音楽編集 大至急!数ヶ月前からパソコンを初めて使い始めたのですが、Illustratorや Photoshop 1 2022/09/03 20:40
- Photoshop(フォトショップ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 6 2023/06/10 11:51
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- その他(クラウドサービス・オンラインストレージ) データ保存先をOneDriveからPC本体に変えたらDocumentとPictureフォルダが消えた 1 2023/07/30 15:48
- Photoshop(フォトショップ) 下記の操作のみでAdobeの画像ソフトを使っていますが他によいものがあれば 1 2022/08/03 14:24
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像を2枚ずつ表示できるビューワ
-
フォトショップで台形の斜め線...
-
Dreamweaver 画像サイズを統一...
-
ファイナルカットを使って静止...
-
GIMP 短形 ミリメートル
-
aviutlで動画に黒い画像(暗幕...
-
ホームページをスマホで見る時...
-
フォトショップCS。画像を拡大...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
リンク画像をホバーアニメーシ...
-
画像貼り付け、URLに飛べる軽い...
-
Gifのまわりに白い線ができる
-
アイコンの背景を透過させたい
-
【Webサイト】画像が小さく表示...
-
Adobe インデザインに詳しい方...
-
ページごとに背景画像を変更し...
-
画像の大きさに合わせて文字の...
-
Chromeで画像が表示されない
-
画像の上にテキスト配置で、拡...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Photoshopで画像解像度が300dpi...
-
photoshopで埋め込んだ画像が荒...
-
一番解像度の高い画像を “Googl...
-
photoshopで作った画像をillust...
-
なぜ縦横比が狂って表示される...
-
イラストレーター(イラレ)で...
-
フォトショップで台形の斜め線...
-
画像を2枚ずつ表示できるビューワ
-
画像をリンク先に指定したとき...
-
文字を拡大するとぼやける
-
画像のピクセル色の割合を表示...
-
aviutlで動画に黒い画像(暗幕...
-
画像をきれいに見せるテクニック
-
photoshopでウィンドウサイズを...
-
Gimp→Illustratorでサイズが変わる
-
背景に設定した画像のサイズを...
-
アスペクトを変えない画像処理
-
FileMakerに画像を挿入しようと...
-
EPS画像(CMYK,300dpi)をJPEG画...
-
フォトショップ5.5で画像の上に...
おすすめ情報