タグ

2008年5月29日のブックマーク (3件)

  • Photoshopの乗算・オーバーレイなどの違いは何ですか? - OKWAVE

    通常:初期設定。重ねた画像はそのままの状態。 ディザ合成:半透明ピクセルの部分にノイズを加えたような効果がでる。 乗算:下の画像の色情報に上のレイヤーの色が掛け合わさって暗くなる。 スクリーン:乗算の逆。明るさを強調するので、黒い部分は見えなくなる。光を強調したいときに。 オーバーレイ:重ねた色に応じて「乗算」と「スクリーン」を使い分ける。背景色の色相はそのまま、ハイライト部分は明るく、シャドウ部分は暗く。 ソフトライト:合成色に応じて明るくなったり暗くなったり。重ねた画像の色が50%グレーより明るい場合、背景も明るく、暗い場合は暗くなる。 ハードライト:ソフトライトの逆。オーバーレイと似てるけど、背景色の色相にも影響がある。 覆い焼きカラー:背景レイヤーの色相はそのまま、重ねた色を明るくして合成色に反映される。黒は意味ナシ。 焼き込みカラー:背景レイヤーの色相はそのまま、重ねた色を暗くし

    Photoshopの乗算・オーバーレイなどの違いは何ですか? - OKWAVE
  • 外部リンクだけにアイコンをつけることのできる CSS のセレクタ | ヨモツネット

    概要 リンクで、外部の Web ページが参照先のときにアイコンなどをつけて区別するケースがよくあります。 そのときに、参照先が外部の Web ページの a 要素だけにスタイルを適用するための CSS コードです。 動作確認用の demo この方法は外部リンクの a 要素だけに class 属性をつけるというような処理が必要ないので、CMS やブログのエントリーなどにいいかもしれません。 似た方法で JS でまとめて class 属性を付与する方法もありますが、CSS だけで完結したほうがスマートかなと思ったのでサンプルを作りました。 demo で使用した CSS コード a[href^="http"]{ background:url(img/ico_conductor.png) no-repeat right center; padding-right:15px; } a[href^="h

  • CSS Decorative Gallery - Web Designer Wall

    Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple

    CSS Decorative Gallery - Web Designer Wall
    mobile_snk
    mobile_snk 2008/05/29
    CSS+pngで画像にテープや画鋲の効果を与える