こんにちは、さち です！ 今回は Photoshop Elements（以後：pse） で レイヤー名が「インデックス」となった画像の編集方法を紹介します。 私の備忘録ですがお役に立てたら幸いです。 「インデックス」 のままでは画像編集できない pse で画像を開いても 「新規レイヤーの追加」など一部の編集機能が使えないことがあります。 そんな時は、レイヤー名を確認してみてください。 「インデックス」になっていませんか？ 「インデックス」とは「インデックスカラー」のこと。 簡単に言うと、使う色数を減らしてファイルサイズを小さくした画像です。 （もっと詳しく知りたい方はこちらをどうぞ） インデックスカラーは使用できる色に制限があるため pse の編集にも制限がかかってしまうわけです。 「RGB カラー」 に変換する 「インデックスカラー」を「RGB カラー」に変換することで 通常の画像と同様

Webサイトをコーディングするにあたって必ず必要になる技術の一つに、「ロールオーバー表現」があります。 「ロールオーバー表現」とは主にリンク要素にマウスポインタを載せた際に、色や画像等が切り替わる表現のことです。 「ロールオーバー」に似た表現で「マウスオーバー」「オンマウス」「ホバー」といった言い方があります。 どれも同じ意味で使われることがありますが、厳密には「ロールオーバー」は切り替わる動作そのものを指し、「マウスオーバー」「オンマウス」「ホバー」はマウスポインタが何かに乗った状態のことを指します。 今や画像のロールオーバーは、グローバルナビゲーションやボタン等Webサイトを構築する上で必ず使用すると言っても過言ではない技術ですが、実装方法がいくつか存在するため、どの方法で実装すればいいのか迷うことがあるかと思います。 また、普段使っている方法が果たしてベストなのか？疑問に思いながらコ

[69-12] Canvasをサイトの背景に使おう 最終更新日：2019年02月06日 （初回投稿日：2015年03月20日） ここまで Canvasの基本をいろいろやってみましたが、実際に「Canvasを何に使うか」を考えると、デザイナー的にはサイトの背景に使ってみたいですよね。やっぱり。 これってウィンドウサイズと Canvasサイズを一致させて、一番下に敷くことですよね。それさえできればこっちのもんだ！と試行錯誤した結果をご覧ください。 本日のINDEX Canvasのサイズをウィンドウサイズと一致させる（サンプル1） HTMLとCSSの準備 Canvasにウィンドウサイズを取得する Canvasへの描画 CanvasをjavaScriptで生成する方法（サンプル2） HTMLとCSSの準備 javaScriptで新しくCanvasとdivを作る DOMとノード 新しく作ったdivの

Javascriptでbody要素のCSSで指定されている背景画像のURLを取得する。 CSS（スタイルシート）で指定されている場合はbackgroundImageを使う。 ・関数 関数にするとこんな具合。 var getBgImage = function( element ) { if( element == null ) { element = document.body; } var url = ""; if(  document.defaultView.getComputedStyle ) { url= document.defaultView.getComputedStyle(document.body null).backgroundImage; } else if( element.currentStyle ) { url= element.currentStyle.bac

Book! Book! Sendai、活動10周年の記念誌『本があるから』が完成しました。 contents 01 本があるから ~Book! Book! Sendai 2008年-2018年~ 02 詩「新しい余白」 武田こうじ 03 Book! Book! Sendai 2008-2018 04 一箱古本市と Diary について 05 Book! Book! Sendai から Book! Book! Miyagi へ 06 あたらしい本の場所インタビュー／石巻まちの本棚 07 あたらしい本の場所インタビュー／ちいさいおうち 08 あたらしい本の場所インタビュー／メアリーコリン 09 あたらしい本の場所インタビュー／スローバブックス 10 あたらしい本の場所インタビュー／古書水の森 11 あたらしい本の場所インタビュー／NEWS STAND SATAKE 12 Book! Book!