画像加工で、くりぬいた部分が、実際には透明になっていません。
例えばホームページ作成で、加工画面を貼り付けたとしても、くりぬき部分が白くなっているだけになってしまいます。
添付した画像も、写真の4つ角を、角丸処理をして、角を丸くして加工してみましたが、結局は角丸部分が白く塗りつぶされているだけの状態です。背景がまったく同じ白であれば、同化しますが、ホームページのように、背景がある場合は、そうはいきません。
この場合、くりぬき部分がホームページの背景を透過できるようにするには、どうするのが簡単にできるのでしょうか?
詳しい方がいましたら、よろしくお願いします。
No.4
- 回答日時:
私は使っていないのですが、「透過gif ソフト 」で検索した結果で
かんたん透過くん(透過するためだけのソフトのようです)
http://www.vector.co.jp/soft/dl/win95/art/se3424 …
背景画像を透明にしてみよう!無料画像編集ソフト「JTrim」を使った透過gifの作り方
http://omoidasecom.blogspot.jp/2011/10/jtrimgif. …
こちらはJtrimという画像編集ソフトでの透過の仕方を説明されています。
図入りでわかりやすいと思います。画像内にある1色を透明にするのが透過なので、必要に応じてありえない色に一旦変更してから透過すれば、偶然に写真の中にある同じ色を透明にしてしまわないです。仕組みさえわかれば、透過gifを扱える殆んどのソフトで対応できると思います。
また、写真はjpg向きです。gifにすると画質が荒れることがよくありますので、ご注意ください。ホームページ用なら、jpgはjpgで角四角のままにし、上にcssで背景色と同じ色の角丸を上からかぶせることで、擬似的に角丸画像に見せる手法もあります。条件がありますが、html+cssを理解していれば使えますので、gif写真では荒すぎる場合にはjpg写真はそのまま使う事もお考えください。
No.3
- 回答日時:
透明に対応した画像フォーマットにすればよいです。
角丸は、border-radiusで指定したほうが良いでしょう。
CSS3で角丸写真にシャドーを付ける方法 - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7595770.html )
画像を切り抜いてその中から下の画像を見せる方法は感心しません。改めて、その中に要素を置いて背景と同じ画像を位置を指定して指定するほうが無難です。ブラウザの[表示メニューで]フォントサイズや解像度を変更するとずれてしまうでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- Illustrator(イラストレーター) Illustratorから印刷すると画像が白くなっててきれいに印刷出来ず、透明背景効果にしてみて確認 1 2022/06/14 17:26
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- Illustrator(イラストレーター) Illustratorで白い部分のみを透過させたいです。 2 2022/10/10 22:27
- Illustrator(イラストレーター) イラストレーターで文字の背景に自動で入れた長方形の左側の角だけ丸く(右側だけ直角に)する方法 4 2023/04/21 11:08
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Photoshop(フォトショップ) ペイントで丸くトリミングして保存って出来ないのでしょうか? 9 2022/10/03 14:18
- その他(パソコン・スマホ・電化製品) ボカシ切取りした写真の背景の透明化 5 2022/10/18 14:38
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- 写真・ビデオ マイナポイントの申請ではじかれた(写真背景問題) 8 2023/02/26 12:45
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Adobe インデザインに詳しい方...
-
ロゴマークだけを抜き取って貼...
-
GIFで高画質保存できないの?
-
AviUtlで指定した場所を透過したい
-
FireAlpacaの透過、PNG保存の状...
-
Macで画像の背景を透過して保存...
-
画像の背景の色を透明にする方法
-
Access2003でpng画像の透過部分...
-
GIMP2で背景透過の色判定を設定...
-
AfterEffectsエフェクトを透過...
-
gimpで文字の細工をしたい
-
visio で画像を作成してpng形式...
-
透過背景画像のビットマップ形...
-
png画像の白色について。
-
この画像の白と黒を入れ替えた...
-
png画像をphotoshop5.0で透過す...
-
写真とgif画像の合成について
-
透過画像の作り方
-
BMPファイルを透過する
-
pdfは透過したものですか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ロゴマークだけを抜き取って貼...
-
アイコンの背景を透過させたい
-
Adobe インデザインに詳しい方...
-
イラストレータに配置すると透...
-
透過背景画像のビットマップ形...
-
背景を透過加工したPNG画像を色...
-
PNG画像を印刷すると背景がきち...
-
gimpで文字の細工をしたい
-
画質を落とさず切り取って透過...
-
GIFアニメを保存すると、白いふ...
-
ゆっくりムービーメーカー4で、...
-
Gifのまわりに白い線ができる
-
Access2003でpng画像の透過部分...
-
GIMP2で背景透過の色判定を設定...
-
画像を透過してEXCELに貼り付け...
-
BMPファイルを透過する
-
CMYK の TIFF 形式で背景を透過...
-
フレーム/透過の際のギザギザを...
-
ピクトベアでの背景透過
-
pdfは透過したものですか?
おすすめ情報