• ベストアンサー

透過PNG画像の縮小について

私は、友人の自作ゲームのヒロインの立ち絵を描くことになりました。 背景は透明で、縁は綺麗に（ガタガタじゃないもの）、立ち絵だけの 画像が作りたいのですが、2424pxと非常に大きいサイズで作ってしまい 300pxに縮小しました。 すると、背景は真っ黒に塗りつぶされてしまい、後から加工しようにも 黒い背景だとなかなか難しく、白い背景で縮小しても 後から白い背景を取り除くと縁がガタガタになってしまいます。 綺麗に、そのまま透過PNGを縮小する方法ってないんでしょうか？

noname#159472
noname#159472

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

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

それ、PNGファイルとして保存後に何か縮小用ツールを使って縮小したって事ですよね？ そんなことしないで、立ち絵を描いたツールでそのまま元ファイルを縮小すればいいと思います。何を使ってるか書いてないので知りませんが、透過PNGなら背景に「何もない」状態を保ったまま縮小できますよね。 まあ、(考えにくいですが)もしその状態のファイルがもうないならご愁傷様ですが。

noname#159472
質問者

お礼

頑張ってみたらできました！ありがとうございますm(_ _)m

noname#159472
質問者

補足

使ったのはPhotoShopですが、元のファイルは残ってますよ。 縮小してみたのですが、それをすると何故か縁に白いガタガタが 残ってしまうのです。どうしたらいいんでしょうかね？

  1. カテゴリ
  2. 趣味・娯楽・エンターテイメント
  3. アート・創作
  4. 絵画・イラスト・デザイン

関連するQ&A

  • 透過ＰＮＧ画像がおかしい

    透過ＰＮＧ画像なのに、編集ソフトでは、背景が真っ黒になっていたり 使えません。 なんとかうまく透過になるようにしたいです。 ソフトが、PNG画像に対応していないためだと思われるのですが、 どうしたらいいですか？

  • テーブル背景のpng画像を透過したい

    テーブルの背景に透過部分を含んだpng画像を設定して、その上に文字を載せたいと考えています。簡略化した現在のタグは以下です。 　<table> 　 <tr> 　　<td background="（png画像URL）"> 　　　ここに文字 　　</td> 　 </tr> 　</table> 通常だとこれで良いのですが、このpng画像は透過部分を含んでいます。（ちなみにpng-24です） WindowsのIE7.0だと正常に透過されるのですが、IE6.0や他のブラウザですと透過部分が青白く浮かび上がってしまいます。 私はIE6.0でも透過されるように表示させたいのです。 欲を言うと、MacのSafariでも透過させたいです。 一方、テーブルの背景に設定していない、普通の画像ですと<img src="">タグを使っているのでCSSを利用して、 ＜スタイルシート指定部分＞ .ail { filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)"); width: expression(this.firstChild.clientWidth+"px"); height: expression(this.firstChild.clientHeight+"px"); } .ail img { visibility: expression("hidden"); } ＜／スタイルシート指定部分＞ ＜画像部分＞ 　<span class="ail"> 　<img src="（png画像URL）"> 　</span> ＜／画像部分＞ で透過しているのですが、テーブルの背景に指定した画像では、このタグは使えません。 他にも色々な方法を検索したのですが有効なものが見つからず、、、 そもそも、テーブルの背景に指定したpng画像は透過できないものなんでしょうか…？というところまで考えてしまいます。 もし方法があれば教えて欲しいですが、HTMLで実現不可能な範囲なのならばそれも指摘して欲しいです。 この部分だけクリアできれば、Webサイトも完成します。 切実に宜しくお願いします。

  • IE6のPNG透過

    こんばんは どなたかわかりましたら押してください。 現在pngの透過をIE6で見れるよう試行錯誤してるのですが、 どうも上手くいきません。 只今こんな感じです。 以下CSS==================== #navi_layer { width: 100%; height: 50px; margin: 0px 0px 10px 0px; padding: 0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='絶対パス指定.png',sizingMethod='crop'); background-image: url(絶対パス指定.png); background-repeat: repeat-x; } 以上CSS==================== このnavi_layerの背景を透過させて、 その上にイメージを載せようと思っています。 現段階では透過テストだけしているので、 イメージはまだ載せていません。 その状態で透けてくれない状態です。 使用している保存形態はPNG-24です。 IE7やFirefoxでは透過を確認できています。 なのでいけるかと思ったんですが… どなたか教えてください＞＜ 宜しくお願いします。

    • ベストアンサー
    • HTML
  • CS6でのPNG形式の透過画像の作成編集について

    CS6のフォトショップとイラストレーターを使用してPNG形式の透過画像を作りたいのですが、スムーズに作成、編集する方法を教えてもらえると嬉しいです。 フォトショップ上で加工、編集している場合は背景がチェッカーフラッグのようなブロック状になっていて、透過としてPNGで保存でき、そのファイルは透過PNGとして使えます。 しかし、同じファイルをイラストレーターで開いて、編集、保存すると背景が真っ黒になってしまいます。保存時には「透明部分」にチェックを入れて保存しているのですが、うまく行きません。 合成のときに使いたいフリー素材がAI形式なので一旦イラストレーターを使う必要があります。 気になったのは、はじめからイラストレーターで作ったファイルは透過保存できる点です。 編集時の背景も異なっていて、イラストレーターで作っているファイルは背景は白、保存時は背景がブロックパターンになっています。フォトショップで作った透過PNGを開くと編集時から背景が真っ黒で、保存時も同じく黒です。 色の形式、CMYK、RGB、インデックスカラーなどの違いが影響しているのでしょうか？ （それぞれの使い分けはよくわかりませんが、合成するときに合成不可だった場合、モードを変えると合成できたりするので、その際に触るくらいです） イラストレーターで絵を描くのは苦手なので、フォトショップのドット絵的な感じで絵を描いて、AI形式のフリー素材を合成して、透過PNGとして仕上げたいのですが、どのようにしたら上手く行きますでしょうか？ よろしくお願いします。

  • 透過pngのシャープ化ができるフリーソフト

    透過pngの背景透明を維持したままエッジの強調が出来るソフトを探しています。 「縮小専用。」や「縮小革命」のくっきりさせるアレみたいな奴です。 上記2つでは強制的に白背景の画像になってしまい望みのものが出来ません。 また、aviutlに画像を読み込ませてシャープフィルターを掛けた物をアルファpng出力してみましたが、 こちらもバグったような画像しか出力できず失敗でした。 何かよいソフトや方法がありましたら教えていただきたいです。

  • Access2003でpng画像の透過部分が透明にならない

    Access2003(WinXP SP2)です。 外部向けに作成したレポートに社印をあらかじめ印刷しようと、透過部分を含むpng画像を作りました。 (古いですがAdobe Photoshop Elements 2.0にて) エクセルやワードでは透過部分が透明になるのですが、Accessで試したところ、透過処理されませんでした。 プロパティの中では"背景色"の欄を透明にしても、画像の周りだけが透明になり、画像内の透過部分には適用されませんでした。 お分かりになる方がいらっしゃいましたら、レポート内にpng透過画像を思い通り表示する為の方法を教えて頂ければと思います。

  • JPGにオンマウス動作で透過GIF画像や透過PNG画像を重ねたいのです

    JPGにオンマウス動作で透過GIF画像や透過PNG画像を重ねたいのです JPG にオンマウス動作で透過GIF画像や透過PNG画像を重ねたいのですが、良い方法はありませんでしょうか？ 例えば、分かれ道を撮したJPG画像に、マウスのカーソルを合わせる（載せる）と、JPG画像の上に、矢印だけが描かれた透過GIF画像、もしくは透過 PNG画像が表示されるようにしたいのです。 現在はJPG画像に矢印を書き加えたものを、onmouseoverで差し替え表示をする方法を行っていますが、書き加えられた矢印などの画像はJPG圧縮や縦横サイズの関係でノイズが載ってしまい、イマイチきれいじゃありません。 マウスの動作で透過GIF画像や透過PNG画像を重ねたり、外したりできる良い方法があればお教えください。

  • CSSのみでPNG画像を透過グラデーションさせたい

    画像編集ツールを用いて作ったアルファチャンネルPNGと同様な「透過具合のグラデーション」を、PNGなど写真の画像ファイル全般に対して、CSSのみで再現することは可能でしょうか？ CSS自体で作った背景を透過グラデーションさせる方法は見つけられましたが、画像ファイルに同様の効果を付与する方法を見つけられないでいます。 ご助言を頂けると幸いです。

    • ベストアンサー
    • CSS
  • Word（ワード）に貼り付けた「透過PNG画像」の印刷について

    はじめて質問させていただきます。よろしくお願いいたします。 今、ワードで年賀状の裏面を作成しているのですが、フリーの画像編集ソフト「JTrim」で作成した透過PNG画像をワードの一部に貼り付けると、画面上ではとても鮮明に表示されているのですが、印刷するとかなり荒い画像になってしまいます。 ちなみに画像サイズは1319×2110です。サイズが大きすぎるのかと縮小してから透過処理をしてもうまくいきませんし、何より透過処理をしないJPEGやBMP画像なら画面表示どおり綺麗に印刷されます。 これは何が原因なのでしょうか？そしてどうすれば改善されますか？ 自分としてもいろいろと調べて何回も試行錯誤したのですが、うまくいきません。ご教授いただきますよう何卒よろしくお願いいたします。

  • PHP4　透過画像を合成する方法を教えてください。

    php4で、画像処理についてです。 画像Aと背景画像Bの二つがあり、 背景画像Bの上に画像Aをのせ、 新しい画像として出力する。 ※画像A、Bはpngファイルです。 （gifで合成すると画像のふちが粗くなるのでpngでやりたい） imagecopymergeで、合成まではできたのですが、 画像Aのpngの透過がうまくいきません。 photoshopなどで画像を書き出すときは透過されているのですが、 合成すると、透過されていない状態になってしまいます。 imagesavealphaとかが関係あるのでしょうか？ 何卒よろしくお願いいたします。

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する