「ペイント」アプリになんとレイヤー機能、画像の透過にも対応へ／Canary/Devチャンネルでテスト開始

2023/09/18 19 users Canary Devチャンネル ペイント レイヤー機能 アプリ

続きを読む

CSSスニペット：CSSで要素を斜めに2分割して境界線を透過 | かちびと.net

2018/12/21 14 users CSSスニペット net 境界線 要素 relative

Result mask-imageとlinear-gradientを使います。 素材次第ではちょっとアーティスティックな合成写真っぽいのが作れそうですね css :root {/*境界線を斜めに*/ --direction: -45deg; } main {/*包括要素*/ position: relative; } div {/*各要素基礎設定*/ position: absolute; top: 0; left: 0; width: 100vw; height: ... 続きを読む

Preview.app で Slack のカスタム絵文字をいい感じに作る - polamjaggy

2017/04/25 16 users polamjaggy Slack MacOS 背景 標準

2017 - 04 - 25 Preview.app で Slack のカスタム絵文字をいい感じに作る この記事では、macOS に標準で付属している Preview.app だけを使い、普通の写真から対象物だけを切り出した Slack 絵文字に最適な画像を作る方法を説明する。 今回は例として、 以下の写真の右上部分に写っている赤くて丸い缶バッジだけを切り出して 背景を透過にした サイズが 128... 続きを読む

同人誌や商用利用もOK！美しく緻密にデザインされた曼荼羅（まんだら）のベクター素材 -Mandala Collection | コリス

2017/01/12 20 users マンダラ コリス EPS 曼荼羅 PNG

デザインやイラストのワンポイントに、背景やオーバーレイさせたり、拡大・縮小・着色して利用できるベクター完備の曼荼羅（まんだら）の素材を紹介します。 利用にあたっては、Webでもアプリでも動画でも紙でもプロダクトでも無料です。 素材のフォーマットはカスタマイズが可能なベクター完備、手軽に使える透過PNGも揃っています。 .ai .eps .png（透過） Mandala Collectionは通常は... 続きを読む

コナミの「俯瞰視点で壁を透過表示する特許」が期間満了、3Dアクションゲームのカメラ操作などに影響 | AUTOMATON

2016/05/16 154 users カメラワーク 鳥瞰 AUTOMATON 視界 コナミ

コナミ株式会社（当時の名称）が取得していた「ゲーム空間を鳥瞰で表示する場合に、プレイヤーキャラクターの姿や視界の範囲を、壁や床の存在にかかわらず表示できる特許」が、5月15日付けで存続期間を満了した。3Dゲームのカメラワークにおける利便性を劇的に向上させる技術であっただけに、これまで一部のユーザーからは同特許による使用制限が問題視されてきたが、今後はこの機能を自由に使用することが可能になる見込みだ... 続きを読む

Pixelmatorで透過PNG画像を作成する方法 - スマホアプリの作り方 - 初心者向け -Xcode-Storyboard-AutoLayoutの使い方

2016/02/10 7 users Pixelmator 透過PNG画像 領域 背景 スマホアプリ

2016 - 02 - 11 Pixelmatorで透過PNG画像を作成する方法 Pixelmator 高性能で超低価格な画像編集ソフト、Pixelmatorを使った画像の加工方法をご紹介します。。今回はもっとも作業発生頻度が高いであろう、画像の透過をしてみましょう。 Pixelmatorについてはこちら。 www.lifehacker.jp ちなみに、画像の透過とは、背景の領域を消すことです。 ... 続きを読む

画像のファイルサイズを最大70％減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」 - GIGAZINE

2014/11/18 205 users GIGAZINE コマンドラインツール TinyPNG 圧縮

PNG画像を最大70％圧縮できたり、透過処理したPNG画像も透過処理を残したまま圧縮できたり、複数PNG画像を一括で処理したりもできるファイル圧縮ツールが「PNGoo」です。無料でブラウザ上からファイルサイズを圧縮できる「TinyPNG」や「Kraken.io」でも使われている「pngquant」というコマンドラインツールを使用したフリーソフトで、ブラウザ上で処理を行うわけではないのでインターネッ... 続きを読む

透過PNG/GIF画像を大幅に軽量化！SVG画像に変換する無料のオンラインサービス -ZorroSVG | コリス

2014/11/04 209 users JPEG圧縮 コリス デモ 透過PNG 品質

透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。 デモでは、99KBの透過...記事の続きを読む 続きを読む

開発時に便利なUnityのTips - 株式会社CFlatの明後日スタイルのブログ

2014/09/28 25 users Unity テクスチャ Tips 角度 株式会社CFlat

2014-09-29 開発時に便利なUnityのTips Unity 今週はUnity開発時のTipsをいくつか。 取り込んだ画像の画質が悪い Aniso Levelの引き上げることで、急な角度でテクスチャを見る場合にテクスチャの品質を向上させる。 ついでにpng等透過画像の場合はAlpha is TransparencyのチェックをONにする。 この項目をチェックすると透過付きのテクスチャの透過... 続きを読む

透過PNGをSVGを利用して軽くするテクニック - Weblog - Hail2u.net

2014/09/21 40 users SVG Weblog hail2u.net jpg PNG

透過PNGは現状では唯一に近いフルカラーの透過画像を作成する手段だが、ファイル・サイズが大きくなりがちだ。対してJPGはファイル・サイズという点で大きく優るが、透過することは出来ない。このあちらを立てればこちらが立たずの問題をSVGのマスク機能を使って透過だけを受け持つPNGとJPGを組み合わせることで両立させるテクニックを知った。 透過させた画像をまず普通に作る。それから透過してないJPG画像と... 続きを読む

Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」-Suikolog

2014/09/04 291 users ファビコン SuikoLog icoファイル プレビュー 画像

Macで簡単に、透過が美しい複数サイズの画像を含むファビコン用のicoファイルをつくりたい！ Macでファビコン（Favicon。ブラウザで表示されるときによくタイトル横に表示されるアイコンのことですね）に利用するicoファイルを作成したいとき、あなたはどんなツールを使ってますでしょうか。 よく紹介されているのが、Macの「プレビュー」を用いて、「Windowsアイコン」として書き出す方法。 Ma... 続きを読む

【レビュー】ウィンドウのタイトルバーに10種類以上の便利なボタンを追加できる「eXtra Buttons」 - 窓の杜

2013/10/08 26 users タスクトレイ ウィンドウ タイトルバー レビュー ボタン

レビュー ウィンドウのタイトルバーに10種類以上の便利なボタンを追加できる「eXtra Buttons」 タスクトレイへの格納や透明化、クリック操作の透過などを行える （2013/10/8 17:15） 「eXtra Buttons」v2.2.5 beta 「eXtra Buttons」は、タイトルバーへウィンドウの表示に関する機能を備えたボタンを10種類以上追加できる常駐型ソフト。Windows... 続きを読む

Twitterで、画像の透過を使った「クリック推奨イラスト」が流行中　ポチッてビックリ - ねとらぼ

2013/09/04 94 users Twitter 創作界隈 とらぼ びっくり 背景

「クリックしてみて」「クリック推奨」――ダースベイダーごっこやハリー・ポッターごっこなど、いろんな写真遊びが流行してきたTwitterで、新たな画像の遊びが流行しています。今回紹介する“クリック推奨イラスト”は、創作界隈のユーザーがハマりそうなちょっと凝った遊びです。投稿されたイラストをクリックすると……あれれ、元の絵になかった背景が浮かび上がってきたぞ？　不思議だーっ！！ 実はこれ、画像の透過機... 続きを読む

「HTML5で冷気を表現したサイトがすごいな」を分解してみた！ / SQUEEZE - Web Design Studio -

2013/07/19 135 users canvas IDEA*IDEA Squeeze 透過PNG

「HTML5で冷気を表現したサイトがすごいな | IDEA*IDEA」で紹介されていた「メンソール系 氷冷エナジードリンク RAIZIN COOL」のリアルな冷気の表現がHTML5/Canvasで作成されているということで、どんな風に出来ているか気になったので分解してみました。 Canvasに透過pngを描画してループさせる (1)(2)(3)と、それぞれに<canvas>を配置します。そこに透過... 続きを読む

画像内の指定した色を透過処理できる「jQueryAlphaImage」:phpspot開発日誌

2013/03/29 34 users phpspot開発日誌 Phantascope 透過処理

Jquery Alpha Image by Ilker Guller 画像内の指定した色を透過処理できる「jQueryAlphaImage」。 画像編集ツールを使わずとも、jQueryプラグインで簡単に透過処理が行えます この画像が 次のコードで。 透過！ 関連エントリ スプライトアニメーション作成用jQueryプラグイン「Phantascope」 アニメーションしながらソートできるjQueryプ... 続きを読む

IE6～ でもドロップシャドウ、角丸、透過とか書けちゃう『CSS3 PIE』がけっこう素敵でした。 / Maka-Veli .com

2013/02/18 57 users ドロップシャドウ Maka-Veli .com 角丸 IE6

超今さらなヤツらしいですけど、でもこれ、楽チンだなー。 ※2013/2月現在、2.0betaも出ていました。 という事で、このサイトにも一部だけ実装してみました。 微妙に見え方が違う・・・ 使い方 DLした「PIE.htc」というデータをサーバにアップ behavior: url("/PIE.htc"); を、指定したいCSSに記述 ※htcファイルをアップした場所を指定して下さいね div { ... 続きを読む

ウェブデザインにおける透過の効果的な使い方と注意点 | コリス

2013/02/13 237 users コリス 半透明 ウェブデザイン エフェクト ナビゲーション

半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を... 続きを読む

透過を保ちつつpngを高圧縮するMacの無料アプリImageAlpha。素でIE6対応

2012/07/13 564 users PNG IE6対応

2012年 7月 12日 Twitterでこんなウワサを耳にしました。 えすごい、ImageAlpha使うとIE6対応の透過PNG作れるの #cssnitelp23— emi moriyaさん (@emim) 6月 30, 2012 ImageAlpha - IE6でも透明にできるPNGを生成するMac OS Xアプリ | http://j.mp/qzFJR8— Yuya Saitoさん (@cs... 続きを読む

にゃあプロジェクト - ウェブログ - [AS3.0] BlendMode.LAYERと透過

2012/02/29 8 users ウェブログ Tween プロジェクト ひよこちゃん 知識

BlendMode.LAYERと透過について、まめ知識を手に入れたよ。 要 Flash Player 9 以上ひよこちゃんをフェードアウトさせるだけだよ！ import a24.tween.Tween24;var atw... 続きを読む

Mozilla Re-Mix: FirefoxのUIを透明化できる２つのユーザースタイル。

2011/09/24 22 users Firefox Mozilla Re-Mix 透明化 現行

Windows Vistaや7をご利用の方なら、UI各部に透明感を出すAero効果を有効にされている方も多いと思います。 現行のFirefoxもこれらOSに対応しており、デフォルトでは旧タイトルバー部やナビゲーションツールバーの周辺が透過表示されるようになっています。 このような視覚効果に慣れてくると、その他の部分も透明化させたいと感じるもので、そのような要望に応えてくれるユーザースタイルなどが多... 続きを読む

Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER - かちびと.net

2011/06/27 93 users YouTube フェーズ opacity ライブラリ オート

あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作してくれます。 僕はちょっと知らないんですけど、Youtubeって普通は透過出来ない、で合ってますよね？普通に出来るならちょっと恥ずかしい記事ですけどｗ 透過だけでなく、... 続きを読む

透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net

2010/05/25 421 users 透過PNG ドロップシャドウ net メモ 角丸

IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 I... 続きを読む

PNGおよびICO形式のアイコンが山のように無料ダウンロードできるサイト「Icones.pro」*二十歳街道まっしぐら

2009/10/19 372 users PNG icoファイル PNGアイコン ICO形式 アイコン

Icones.pro PNGアイコンがどっさり手に入る！ 「Icones.pro」ではPNGアイコンがたくさん公開されています。 トップページでカテゴリ別に用意されており、詳細を見てみると関連したアイコンがどばーっとでてきます。 PNGは透過のものではなく、背景色が入ります。 背景色はこちらで自由に設定できるようになっています。 また、PNGファイルだけでなく、.icoファイルもダウンロード可能で... 続きを読む

光源や１ピクのラインや透過を使ったウェブレイアウトのPhotoshopのチュートリアル集 | コリス

2009/09/16 301 users シャドウ チュートリアル グラデーション コリス 光源

光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。 How to Make a Light and Sleek Web L [...] 続きを読む

主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは

2009/03/03 612 users クリックジャッキング JPCERT 攻撃 主要ブラウザすべて

JPCERTコーディネーションセンター（JPCERT/CC）は3日、ユーザーのWebブラウザ上のクリック操作を乗っ取る「クリックジャッキング」と呼ばれる攻撃について、攻撃の概要と対策法を示す技術メモを公開した。 　クリックジャッキングとは、透過指定されたiframeなどの要素に標的サイトのコンテンツを読み込み、これを攻撃者サイトの要素よりも上に配置することで、Webブラウザの画面上には攻撃者サイト... 続きを読む