名刺作成で画像pngの透過が反映されません

前へ 次へ
このQ&Aのポイント
  • オンラインサービスvistaprintで名刺を作成する際に、png形式の画像の透過が反映されずに困っています。
  • カメラロールに保存した透過画像をvistaprintの名刺作成画面にアップロードすると、背景が白く表示されて透明になりません。
  • iPadでこの作業を行っており、PC版のphotoshopなどは持っていないため困っています。背景を透明にする方法を教えていただきたいです。
回答を見る
  • ベストアンサー

名刺作成で画像pngの透過が反映されません

オンラインサービスvistaprintにて名刺をつくる為に、 photoshop touch iPadにてある画像の背景を透明化し、 pngにてカメラロールに保存しました。 （カメラロール内では背景は黒く表示されています。） そのpngファイルをvistaprint内の名刺作成画面にて アップロード（画像を挿入）したところ背景は白く出てしまい 透過されていませんでした。 当方PC版、photoshop等は予算等もあり 持ち合わせておりませんのでiPadにてこのような作業をしております。 Vistaprintの名刺テンプレートは背景色がある為、 画像の背景が出てしまい困っております。 どのようにしたら背景が透明にできるかご教授願います。

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

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

ＰＣではPNG画像の挿入ができますから、iPadには対応していないのでしょー あきらめて、どこかでＰＣ借りて（ネットカフェとかで）作業をお勧めします。 回避方法は、予め、その画像の背景を、テンプレートの背景の色と同じ色のJPEG画像にしておく、ぐらいですねぇ

perikanlong
質問者

お礼

背景と同じJPEGですか。複雑な背景だとなかなか難しそうです。 しかしPC経由ではpngにてできそうです。 その辺りの編集はPCにておこなってみます。 ご回答ありがとうございました。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

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

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

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

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

  • Fireworksで8bitの透過PNGの書出し

    Fireworksで、8bitの透過PNGの書き出しをしたいのですが、 透過させたくない白い部分まで透過してしまい、うまくいきません。 かなりのFireworks初心者で、きれいに書き出す方法をネットで調べてみたのですが、 分からず困っております。 作業詳細 ---------------- 最終的に欲しいデータ　：　Fireworks形式のPNG（8bit） 作業環境：Windows XP、Fireworks CS3、Photoshop CS3 作業手順： (1)Photoshopにて複数の画像を作成 　ドロップシャドウなどを適用している透過画像もあるので、 　「Webおよびデバイス用に保存」でPNG-24で書き出します。 (2)作成した画像をFireworksで、ある決まったテンプレート（PNG）にレイアウトします。 (3)書き出し設定 　「最適化」WindowにてPNG 8 を選択。 　　 (3)「書き出し」からスライスの書き出しを行います。 ---------------- すると、PNG32では問題なく書き出せるのですが、 PNG 8 の場合は、透過させたくない白い部分まで色が抜けて透過してしまいました。 試しにPNG24で書き出そうとしたところ、今度は透過させたい部分まで透過されなくなり、 スライスの範囲通りに四角い形になってしまいました。 PhotoshopのPNG8ではドロップシャドウの部分などがきれいに透過されないことと、 最終的にFireworkのテンプレートも必要なので、 Photoshopだけで作業は完結できません。 説明が下手で恐縮ですが、 8bitの透過PNG（Fireworks）の書き出し方をお教えいただけますでしょうか。 よろしくお願いいたします。

  • 透過pngにも種類ある？ ソフトによって透過しない

    ■状況 ・透過pngを下記3ソフトで開いたら、Photoshopでしか透過した状態で開けませんでした ・Photoshopで開いたものを保存して、新たにVieasで開いたら、透過した状態で開けました ・ペイント ・Vieas ・Photoshop ■質問 ・透過png形式の中で、さらに何種類か形式が分かれているのでしょうか？(画像ヘッダ？) ・それはどこで判断すれば良いのでしょうか？

    • ベストアンサー
    • CSS
  • png画像をphotoshop5.0で透過する方法！

    png形式で作成した画像を、photoshop5.0で透過するにはどうしたらいいのでしょうか？？ 検索してみても、gif透過の仕方しか出ていないので、イマイチわからないんです・・・。 どなたか詳しい方教えて下さい！ 宜しくお願いします。

  • 透過pngを表示するスクリプトとロールオーバー

    トップページのタイトル画像を透過させてロールオーバーさせたいです。 --- 透過pngを使いたかったのですが、使用しているブラウザに対応していなかったので、どうにか表示させる方法を探していました。 そしてたどり着いたのは（http://www.designwalker.com/2006/12/transparent-png.html）のサイトのスクリプトなのですが、画像をロールオーバーさせるJavaScriptには対応していないのでしょうか。 <A href="t_off.png"><img src="t_off.png" onMouseOver="this .src='t_on.png'"onMouseOut="this .src='t_off.png'"></A> ↑これです/ロールオーバーに使用しているタグ CSSでのロールオーバーも考えた（挑戦した）のですが、タイトル画像で大きさを掴みにくく、中々上手く指定が出来ません。 CSSではリンクに触れた際に背景の画像をずらすことになると思うのですが、同じサイトの透過pngを背景画像で使うスクリプトでは、大きさを指定しなくてはならず、上手に出来ませんでした。 （そのスクリプトなしでは成功しました） --- 一つのサイトのプログラムのことなので、ここで質問すべきではないのかも知れませんが、あちらでは場違いになりそうなので、ここに書かせて頂きました。 カテゴリもまたがっているので、もしも問題がありましたら、ごめんなさい。 よろしければ、ご回答お願いします。 --- 使用ブラウザ:Sleipnir 1.66 画像編集ソフト:Adobe Photoshop Elements 5.0

  • テーブル背景の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サイトも完成します。 切実に宜しくお願いします。

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

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

    • ベストアンサー
    • PHP
  • CSSのみでPNG画像を透過グラデーションさせたい

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

    • ベストアンサー
    • CSS
  • 透過PNG画像の縮小について

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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する