今、あるサイトから画像を購入して、いくつかの画像を組み合わせ、編集して1つの画像を作成しています。
用途は、WEBのホームページ用に作成しております。
そこで、人物のイラスト画像をepsファイルでダウンロードして、それを縮小してから背景画像の上にのせて1つの画像にした時、人物画像が来たくなるので、底の部分でどのように改善できるかご助言して頂きたいです。
私がしている方法をまず説明します。
Illustratorでの編集はまだあまり経験がないので、難しく、Illustrator →Photoshopという二段階でしています。
1) EPSファイルをIllustratorで開き、ファイル→書き出しで、Photoshop PSDファイルに書き出し
2) Photosohpで、そのファイルのレイヤーをスマートオブジェクトに変換
3) 画像の編集
・サイズの縮小、切り抜き、レイヤー効果の追加など
4) イメージ→画像の解像度
・幅と高さを変更
・再サンプルにチェック入れ、自動を選択
→OK押下
→これで縮小しています。
5) 縮小した画像を別の背景の画像に「埋め込みを配置」で取り込み
4) Photoshopから、「書き出し」→「書き出し形式」→jpg選択
このようなやり方で、複数の画像を1つにして作成していますが
イラストの人物画像などが、縮小して背景の上にレイヤーとして置いて作成すると、
人物の輪郭がブラウザーで表示した時、荒くなり汚いです。
これは、PhotoshopのPSDファイルに書き出した時点で画像劣化が起きてるのでしょうか?
しかし、Illustratorで、このイラスト画像を書き出しても同じように輪郭が汚いです。
イラストの元の画像はとても鮮明ですし
Photoshopで開いて縮小したものを背景の上に別レイヤとして置いた時もきれいです。
これはどのようにすれば、輪郭がきれいな人物のイラストとして作成出きるのでしょうか?
1. Photoshop使用した場合の方法
2. Illustrator使用した場合の方法
Illustratorは苦手なので、できれば、Photoshopでの方法をお願いします。
もし、Illustratorの場合、やり方を具体的に書いて頂きたいです。
よろしくお願いします。
No.6ベストアンサー
- 回答日時:
>800pxの横幅で表示するのに、Photoshopで2000px, 300dpiで作成しています。
試しにやってごらん
2000pxの画像をいきなり800pxに画像解像度の変更をした画像と
2000pxを1000pxに画像解像度の変更をしてから、800pxに画像解像度の変更した画像とそれぞれ1600%(最大に拡大した状態)で見てみましょう
また、画像の再サンプルの方法(ニアレストネイバー法、バイリニア法、バイキュービック法、バイキュービック法(滑らか)、バイキュービック法(シャープ))の違いも比べてください。
これ(この設定)しなさい、って教えるのは簡単だけど、それだと応用が利かなくなるから(それでまた質問してたら、完成は遅くなるから(^_^;)、色々試して知識と経験を蓄えてください
2000から800にいきなり変えたのと、2000→1000→800に変えたのを比較すると、二段階で変えた方が、1600%で観てみると、若干、細かい画像のピクセル変化が見て取れました。
画像の再サンプルの方法では、ニアレストネイバー法、バイリニア法、バイキュービック法、バイキュービック法(滑らか)、バイキュービック法(シャープ)の違いをみてみました。2000px→1000pxにそれぞれの方法で変えて、比較しました。1600%に拡大して比較すると、正直言って、はっきり違いがわかりませんでした。ネットで調べると、バイキュービック法(シャープ)が縮小の場合には良い方法であると書いてありますが・・・
他に比較の仕方があるのでしょうか?
No.5
- 回答日時:
>ラスタライズされているから、Webにアップする時に画像解像度を縮小した時点で、やはり粗くなったりするのでしょうか?
荒くならないように最終的な解像度のにしてください
いきなりweb用に保存を選んで解像度を落とすんじゃなくて、画像解像度で、まず半分のピクセル寸法に落としてから、次にもう一度画像解像度の変更を行って72dpiにするとか
フリンジの削除で周辺の荒れた部分を削除してからレイヤーの統合をしたり、消しゴムで消したりとか、色々ですよ。
Webで、800pxの横幅で表示するのに、Photoshopで2000px, 300dpiで作成しています。これをWebにアップする時、そのまま、JPGなどの画像にサイズは変えず変更して、Webにアップしています。
この場合に、どのように解像度を変えるのかなど対応方法を教えてほしいです。
(▲)で説明している、まず半分にピクセル寸法を落としてからという部分と、次にもう一度画像解像度の変更を行って72dpiにするというのが良くわかりません。Webにアップする場合、72dpiにせず、300dpiでアップするのは良くないのでしょうか?
初心者がNetで調べながら覚えているところなので、多分、基本的なところがかけてるかもしれませんが、回答のほうよろしくお願いします。
No.4
- 回答日時:
>ここで400dpiなど、大きい数値を入れるのはどうなのでしょうかね?
試しにやってみてください
400とか800とか1600とか数値を変えて
400と、1000の数値をdpiに入力して、epsファイルをPhotoshopで開きました!するとね、画像のサイズが違いました。サイズが大きくなっても画像が鮮明なのには驚きましたが、これって、ラスタライズされているから、Webにアップする時に画像解像度を縮小した時点で、やはり粗くなったりするのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- Photoshop(フォトショップ) pngファイル内の複数の画像を1個1個取り出す 5 2023/08/27 02:56
- Illustrator(イラストレーター) Illustratorから印刷すると画像が白くなっててきれいに印刷出来ず、透明背景効果にしてみて確認 1 2022/06/14 17:26
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- 美術・アート 【Photoshop】設定したサイズが正しく反映されない事象の解決方法 1 2022/08/31 22:53
- その他(ソフトウェア) コマンドプロンプトについて教えてください。 状況: 画像編集ソフト上でネットから保存した画像を使うの 3 2022/05/26 11:14
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Mac OS Macで画像の切り抜きできないの? 2 2023/04/02 09:31
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
なぜ縦横比が狂って表示される...
-
文字を拡大するとぼやける
-
photoshopで埋め込んだ画像が荒...
-
photoshopのバナーのピクセル数...
-
Photoshopで画像解像度が300dpi...
-
一番解像度の高い画像を “Googl...
-
photoshop WEB用ロゴ輪郭をきれ...
-
FileMakerに画像を挿入しようと...
-
PDFの保存ボタンが表示されません
-
透過背景画像のビットマップ形...
-
lightbox2で画像を天地左右中央...
-
ロゴマークだけを抜き取って貼...
-
<hr>の縦バージョンはありますか?
-
かわいい文字にしたい!!
-
たくさんのjpgファイルをスクロ...
-
画像の上にテキスト配置で、拡...
-
gimpで文字の細工をしたい
-
同じ画像 複数回使用
-
タイトルバーに画像を入れるHTM...
-
pdfは透過したものですか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字を拡大するとぼやける
-
Photoshopで画像解像度が300dpi...
-
一番解像度の高い画像を “Googl...
-
photoshopで埋め込んだ画像が荒...
-
なぜ縦横比が狂って表示される...
-
photoshopでウィンドウサイズを...
-
photoshopで作った画像をillust...
-
画像を2枚ずつ表示できるビューワ
-
illustratorで開く画像が何故か...
-
画像をリンク先に指定したとき...
-
イラストレーター(イラレ)で...
-
フォトショップで台形の斜め線...
-
Adobe Premiere に取り込んだ画...
-
aviutlで動画に黒い画像(暗幕...
-
photoshopのバナーのピクセル数...
-
FileMakerに画像を挿入しようと...
-
画像の天地左右サイズを簡単に...
-
画像をきれいに見せるテクニック
-
InkscapeのデータをJPEG=画像...
-
macromedia flash8 へのjpg画像...
おすすめ情報
イラストのEPSの画像は、レイヤーウィンドーで見ると、沢山のグループフォルダーの中に、沢山のパスが作成されたものが入っています。
このような場合、画像の加工するのも大変なようにおもいます。
その辺のやり方も教えてほしいです。
初心者で、わからないことだらけですみませんが、よろしくお願いします。
確認すると、IllustratorからPSDファイルに書き出す時にも、ご指摘の解像度を選択かのうなのがわかりました。そこで300dpiにすることが出来ます。また、その他というのもあります。その他にすると、dpiの数値を入力出来ます。ここで400dpiなど、大きい数値を入れるのはどうなのでしょうかね?