Hatena Blog Tags
はてなブログ トップ
アルファチャンネル
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

アルファチャンネル

(コンピュータ)
【あるふぁちゃんねる】

CG用語。
画像データの形式において、「透明度」を表わすための『チャンネル』。
一般的な画像データの場合、輝度で分けるとRGB(赤・緑・青)の３つの層に分解することができるが、これに加えて「第4の層」として「透明度」（他の画像などに重ね合わせた場合に有効になる）を表現するための層を考えてみる。それがアルファチャンネルである。
内部にアルファチャンネルを内包できる画像データ形式としては、32ビットBMP(DIBファイル)・PNG(24ビット＋α)・TGA(Targa)・PSD(Photoshop・PaintShopProなどで使われる)などが挙げられる。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
すたいるのOBS情報メモブログ•7日前

OBS Studio に関するメモ

OBS Studioに関するメモを書いてる記事 ※「OBS Studioに関する個人的メモ」を移転しました。(現在は閲覧不可) 記事投稿日 2021年10月6日、最終投稿更新日 2024年04月18日 14時15分頃 文字数が凄く多いのでブラウザの検索機能をお使いください。 記事が見にくくて申し訳ありません。 (将来的に内容を細かく分けて記事にしたいと思っています。) ブラウザ検索ショートカット Windows : Ctrl + F macOS : Command + F この記事は下記環境を使用して作成しています。 ※Linux、特定のデバイスが無いと表示されないソースのことはメモしていませ…

ネットで話題

もっと見る
257ブックマークIE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する...www.hamashun.com
236ブックマークIEでアルファチャンネルPNGを表示する （iepngfix.htc） - youmosyoumos.com
123ブックマークウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示するyamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted ...labs.unoh.net
86ブックマークヨモツネット[日記] ≫ CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にするblog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バ...yomotsu.net
82ブックマークIE５でアルファチャンネルPNGを使うための一番簡単なライブラリ　あるいはIEの失われたテクノロジに驚異せよnazoking.hatenablog.com
49ブックマークアルファチャンネルとopacityの違い：FirefoxとSafariのCSS対応 - builder by ZDNet Japanbuilder.japan.zdnet.com
31ブックマークGIMP で背景を透過する方法（アルファチャンネルを追加）｜Synclogue Navisynclogue-navi.com
29ブックマークアルファチャンネルを使った透明度の設定：FirefoxとSafariのCSS対応 - builder by ZDNet Japanbuilder.japan.zdnet.com
28ブックマークコンポジターに必要なアルファチャンネルの知識（後編）compojigoku.blog.fc2.com

関連ブログ

togomama シムズ4プレイ日記•9日前

【シムズ4】リカラーやってみた話【プレイ日記】

こんにちは、togomamaです。 最近シムを作る時にモデルにした人物やキャラクターが居て、この服の違う色があれば……。みたいなことがちらほらありました。 なのでちゃんとしたやり方とか全然分からなかったのですが、見様見真似でリカラーをやってみました。今回はその戦いの記録を自分用の備忘録として残しておこうという感じのお話です。 失敗続きなので「これはこうすると良いよ」みたいな方法があればむしろ知りたい！な状態です。 私は今Photoshopは使えるのですが、「ある」という意味であって「使いこなせる」という意味ではありません(汗) リカラーのやり方を調べてもクリッピングマスクしますとか選択範囲を作…

ポイ活案件のソシャゲとWebゲー等を攻略していく（仮•24日前

【攻略】零星のレディオドラグーン攻略　追記：2024/04/10　紅玉2000達成！

※この記事は徐々に追加していく予定です。 零星のレディオドラグーンというゲームの案件が今月から始まりましたが （ゲームスの案件をみると3月からと記述されてますが、3月の時にほぼ毎日確認しても案件にこのゲームはありませんでした。 というか29日だか30日に確認してみた時は存在してませんでした。） いきなりスロットゲーで始まったので、まさかのスロットゲー！？ とわくわくしながら進めていったら・・・ 序盤の流れ とりあえず何をしたらいいか？ ガチャはどこでひくの？ ユニオン戦争って何？ 紅玉2000個は何日かかるか？ 紅玉をいくつ使ったか確認する方法 以下ちょっと雑談 キャラ画像が保存可能！？ 自分…

大人のための『夢を叶える学校』•24日前

画像のサイズ変更方法：初心者向け完全ガイド

AI（人工知能）技術の進化により、画像生成AIが注目を集めています。 しかし、AIで生成された画像を使用する際に、サイズ変更が必要な場面も多いことでしょう。 特に、AI画像のサイズ変更が初めての方や技術に不慣れな方にとっては、その手順や注意点が分かりづらいこともあります。 今回は、AI画像のサイズ変更方法について詳しく解説します。 初心者の方でも分かりやすく、スムーズに画像サイズを変更するための手順について解説します。

TomoGのごちゃまぜ倉庫•25日前

【Python】OpenCVの基本的な使い方をまとめてご紹介！

本記事ではPythonでOpneCVを使う基本的な方法をまとめてご紹介していきます。 基本的なコード 説明 実際のコード コントラスト調整 クロマキー処理 ノイズ除去 マスク処理 使ってみた感想 基本的なコード gistfab591cfdb90caa6e26853aa313bb8ac 説明 基本的なソースコードについては非常に簡単な仕組みになっています。 ただ指定のフォルダ内にあるPNG画像を読み込み、それを指定されたフォルダ内に保存するだけです。 次からはコメントアウト部分に画像処理のコードを入れていきます。 実際のコード gist57f994b55d9bdcd887802b70c9d75e…

yu00’s blog•2ヶ月前

Unity ShaderLabで流れる雲を作る

はじめに UnityのShaderLabを使って流れる雲を作る方法を説明します。 UVスクロールを使うことで雲がアニメーションします。 ノーマルマップを使うことで影をつけます。 テクスチャを作る 雲のテクスチャ 雲のテクスチャを作成します。今回はGIMPで作成します。 ファイル>新しい画像 今回はサイズを2048pxとしました レイヤー>透明部分>アルファチャンネルの追加 背景画像を削除して透明にする フィルター>下塗り>ノイズ>ソリッドノイズ Tileableにチェック 色>色を透明度に Color : 黒を選択 ファイル>名前を付けてエクスポート 今回は「Cloud.png」という名前でエ…

土屋つかさの技術ブログは今か無しか•2ヶ月前

#unity 深掘りTextMeshPro：SDFフォントデータによる文字描画実装（第２回：シェーダーコード）

初めに 第１回ではＳＤＦフォントのデータを使って文字描画を実現するメカニズムについて解説しました。 someiyoshino.info 今回は実際に文字描画を行うシェーダーコードのロジックを解説します。SDFフォントのデータを元に、文字にアウトラインを設定したり、アルファブレンドによりアンチエイリアスをかけてみます。前回の記事を参照しつつ呼んで貰えればと思います。 シェーダーコードは単体で機能する訳では無く、このシェーダーコードにデータを送り込むＣ＃コードがセットになります。このＣ＃コードについては後日解説予定です*1 注意 サンプルコードは土屋がスクラッチで作成したシェーダーコードになります…

K06のBLOG•3ヶ月前

【Blender】背景を透過するときにのQT RLE(Animation)コーデックが便利すぎる

背景透過動画を作るにはBlenderがフリーソフトの中で一番強いことがわかりました。（Shotcutでも可能です）。 過去にDavinci Resolve、Blender、AviUtlについて背景透過動画の互換性という記事を書きましたが、全てのソフトで互換性のあるコーデックを書き忘れていましたので、ここに改めて書きます。 こんにちは！3Dモデリングだけでなく、背景透過動画の作成にもBlenderを使用している筆者のK06です。 なぜBlenderで背景透過動画を作成するかというと、その1番の理由は「QT RLE」コーデックが利用できるからです。QT RLEコーデックはファイルサイズは大きくなり…

arms inc. Engineers' Blog•3ヶ月前

SEO対策にも！画像ファイルフォーマット「WebP（ウェッピー）」

こんにちは、ハヤマです。 今回は、比較的新しい画像ファイルのフォーマット「WebP（ウェッピー）」について紹介したいと思います。 WebP（ウェッピー）とは 2010年に米Googleが開発した画像ファイルのフォーマットのことで、ファイルの拡張子は「.webp」です。 公開当時はまだ対応ブラウザが少なく、しばらくは普及しない状態が続きましたが、現在ではご覧の通り。 （2024年1月現在） WebP image format | Can I use... Support tables for HTML5, CSS3, etc IEのサポートも終了していることから、活用しているサイトも増えてきまし…

かりんちゃんの随心遊戯日誌•3ヶ月前

まさか仕事でScriptableRenderPassが活躍するになった

前ではScriptableRenderPassの話をしましたが、あれは元々自主研究の範囲で、こんな高度の技術はいま仕事でやっているUnityプロジェクトには無縁なんだろう、と思いましたが…まさか今日で活躍することになりました… いやぁ、運がいいというか悪いというか、まさかバイブルで読んだこのものが、今日の難題を解決してくれたとは 何を何のためにScriptableRenderPassを使いましたか、おそらくゲームでは皆さんよく見かけたものだと思いますが、あれはよく考えたらそんなに甘い効果ではなかった…。 半透明するUIの背景にブラーをかける よく話ですよね、とくに半透明のGUIでは、場合によっ…

みーみーいうのをやめるのだ•3ヶ月前

くすり指の教科書について【くすり指＠メイト】

おまけ ２は⇒こちら ”くすり指の教科書”は、使用上の注意をよく読んでからご使用ください。 （ぱか） ■くすり指の教科書とは 1996年4月5日発売。アドベンチャーゲーム*1。 ◇対応ハード [CD-ROM] Windows95・PC-9801/21・FM-TOWNS(Marty)・Macintosh [3.5/5"FD] PC-9801 コンシューマに比べて敷居が高かった*2ので、限られた潜在顧客を呼び込むために複数媒体でリリースもよくありました。ハードウェアがとにかく多様でしたし ◇メーカー ・Active（アクティブ） 1991～05年まで活動したアダルトゲームブランド。"聖少女"と説明…

やってみる•4ヶ月前

HTML文書をつくる21　入力フォーム（form, fieldset, legend, label, button, input, select, textarea, progress, meter, optgroup, option, datalist, output）

サーバに値を送信するときなど。

kenmazの日記•4ヶ月前

2023振り返り

箇条書きで振り返る2023 本業 | メルペイ Client Enabling Team に所属し、チームの開発効率を上げるための基盤構築や改善作業などを担当 既存機能のUIKit→SwiftUIへの移植と移植作業横展開のための基盤作り 認証基盤の刷新に向けた改修 ログ設計レビューチームへの参加 社内ハッカソン入賞 社外向け登壇 社外向け記事執筆 個人事業 | kenmaz.net AnimeMaker ユーザ数推移 5万 MAU といったところか インドが謎にちょっと伸びてて謎 中国語対応したけど特に効果なし iOS TikTok風の縦スクロール型UI (For Youタブ) の導入 問い合…