[JS]ページ全体、ページ上のさまざまな要素にオーバーレイをかっこよく表示するスクリプト -plainOverlay | コリス

2014/04/22 70 users jQuery コリス スクリプト アニメーション 実装

ページ全体、ページ上のさまざまな要素にオーバーレイをアニメーションでかっこよく表示するjQueryのプラグインを紹介します。 実装は非常にシンプルで、オーバーレイのカラーや不透明度、アニメーションなどのカスタマイズも簡単です。 plainOverlay plainOverlay -GitHub plainOverlayのデモ plainOverlayの使い方 plainOverlayのデモ デモで... 続きを読む

普通の画像にひと手間加え、ステキな仕上がりにするテクスチャ素材のまとめ | コリス

2014/02/11 110 users コリス レイヤーモード テクスチャ素材 背景 高解像度

テクスチャ素材をそのまま背景に使うだけではもったいないですよね。画像に重ね、不透明度やレイヤーモードを変更するだけでさまざまな面白い効果が得られます。 そんなアイデアが刺激されるテクスチャ素材をPhotoshop Tutorialsから紹介します。 素材は全て商用利用もOK、無料でダウンロードできます。 メンバーになると更に高解像度の素材が揃っていますが、無料版でも1,000x2,000pxと十分... 続きを読む

Illustratorの光彩（内側）の機能を使ってちょっと立体的なアイコンを作る方法

2013/05/19 92 users Illustrator シャドウ オブジェクト 内側 アイコン

Illustratorの光彩（内側）の機能を使い、その上に重ねた塗りのグラデーションの不透明度を調整することでオブジェクトの下半分にシャドウをつけ、立体的に見せる方法です。同じ設定のグラデーションを複製し、下にくる色の不透明度を0%にするという簡単な方法ですが、様々な場面で使うことができます。Illustratorの[光彩（内側）]の機能を使い、簡単に立体感を出す方法を紹介します。 ちょっとしたシ... 続きを読む